vueless 0.0.825-beta.13 → 0.0.825-beta.130

package/adatper.locale/locales/en.ts

@@ -1,7 +1,7 @@
 import selectConfig from "../../ui.form-select/config.js";
 import switchConfig from "../../ui.form-switch/config.js";
 import inputFileConfig from "../../ui.form-input-file/config.js";
-import dropdownListConfig from "../../ui.dropdown-list/config.js";
+import listboxConfig from "../../ui.form-listbox/config.js";
 import modalConfirmConfig from "../../ui.container-modal-confirm/config.js";
 import tableConfig from "../../ui.data-table/config.js";
 import calendarConfig from "../../ui.form-calendar/config.ts";
@@ -14,7 +14,7 @@ export default {
   USelect: selectConfig.i18n,
   USwitch: switchConfig.i18n,
   UInputFile: inputFileConfig.i18n,
-  UDropdownList: dropdownListConfig.i18n,
+  UListbox: listboxConfig.i18n,
   UModalConfirm: modalConfirmConfig.i18n,
   UTable: tableConfig.i18n,
   UCalendar: calendarConfig.i18n,

package/bin/constants.js

@@ -7,21 +7,152 @@ export default {
    */
   primary: "grayscale",
   neutral: "gray",
-  colorMode: "auto",
+  text: 14,
   outline: 2,
   rounding: 8,
-  fontSize: 14,
   unstyled: false,
+  colorMode: "auto",
+  disabledOpacity: 50,
 
   /**
    * Light theme CSS variable settings.
    */
-  lightTheme: {},
+  lightTheme: {
+    /* Primary colors */
+    "--vl-primary": "--vl-primary-600",
+    "--vl-primary-lifted": "--vl-primary-700",
+    "--vl-primary-accented": "--vl-primary-800",
+
+    /* Secondary colors */
+    "--vl-secondary": "--vl-neutral-500",
+    "--vl-secondary-lifted": "--vl-neutral-600",
+    "--vl-secondary-accented": "--vl-neutral-700",
+
+    /* Success colors */
+    "--vl-success": "--color-green-600",
+    "--vl-success-lifted": "--color-green-700",
+    "--vl-success-accented": "--color-green-800",
+
+    /* Info colors */
+    "--vl-info": "--color-blue-600",
+    "--vl-info-lifted": "--color-blue-700",
+    "--vl-info-accented": "--color-blue-800",
+
+    /* Notice colors */
+    "--vl-notice": "--color-violet-600",
+    "--vl-notice-lifted": "--color-violet-700",
+    "--vl-notice-accented": "--color-violet-800",
+
+    /* Warning colors */
+    "--vl-warning": "--color-orange-600",
+    "--vl-warning-lifted": "--color-orange-700",
+    "--vl-warning-accented": "--color-orange-800",
+
+    /* Error colors */
+    "--vl-error": "--color-red-600",
+    "--vl-error-lifted": "--color-red-700",
+    "--vl-error-accented": "--color-red-800",
+
+    /* Grayscale colors */
+    "--vl-grayscale": "--vl-neutral-900",
+    "--vl-grayscale-lifted": "--vl-neutral-800",
+    "--vl-grayscale-accented": "--vl-neutral-700",
+
+    /* Neutral colors */
+    "--vl-neutral": "--vl-neutral-500",
+    "--vl-neutral-lifted": "--vl-neutral-600",
+    "--vl-neutral-accented": "--vl-neutral-700",
+
+    /* Text neutral colors */
+    "--vl-text-inverted": "--color-white",
+    "--vl-text-muted": "--vl-neutral-400",
+    "--vl-text-lifted": "--vl-neutral-500",
+    "--vl-text-accented": "--vl-neutral-600",
+    "--vl-text": "--vl-neutral-900",
+
+    /* Border neutral colors */
+    "--vl-border-muted": "--vl-neutral-200",
+    "--vl-border": "--vl-neutral-300",
+    "--vl-border-lifted": "--vl-neutral-400",
+    "--vl-border-accented": "--vl-neutral-600",
+
+    /* Background neutral colors */
+    "--vl-bg": "--color-white",
+    "--vl-bg-muted": "--vl-neutral-50",
+    "--vl-bg-lifted": "--vl-neutral-100",
+    "--vl-bg-accented": "--vl-neutral-200",
+    "--vl-bg-inverted": "--vl-neutral-900",
+  },
 
   /**
    * Dark theme CSS variable settings.
    */
-  darkTheme: {},
+  darkTheme: {
+    /* Primary colors */
+    "--vl-primary": "--vl-primary-400",
+    "--vl-primary-lifted": "--vl-primary-500",
+    "--vl-primary-accented": "--vl-primary-600",
+
+    /* Secondary colors */
+    "--vl-secondary": "--vl-neutral-300",
+    "--vl-secondary-lifted": "--vl-neutral-400",
+    "--vl-secondary-accented": "--vl-neutral-500",
+
+    /* Success colors */
+    "--vl-success": "--color-green-400",
+    "--vl-success-lifted": "--color-green-500",
+    "--vl-success-accented": "--color-green-600",
+
+    /* Info colors */
+    "--vl-info": "--color-blue-400",
+    "--vl-info-lifted": "--color-blue-500",
+    "--vl-info-accented": "--color-blue-600",
+
+    /* Notice colors */
+    "--vl-notice": "--color-violet-400",
+    "--vl-notice-lifted": "--color-violet-500",
+    "--vl-notice-accented": "--color-violet-600",
+
+    /* Warning colors */
+    "--vl-warning": "--color-orange-400",
+    "--vl-warning-lifted": "--color-orange-500",
+    "--vl-warning-accented": "--color-orange-600",
+
+    /* Error colors */
+    "--vl-error": "--color-red-400",
+    "--vl-error-lifted": "--color-red-500",
+    "--vl-error-accented": "--color-red-600",
+
+    /* Grayscale colors */
+    "--vl-grayscale": "--vl-neutral-100",
+    "--vl-grayscale-lifted": "--vl-neutral-200",
+    "--vl-grayscale-accented": "--vl-neutral-300",
+
+    /* Neutral colors */
+    "--vl-neutral": "--vl-neutral-300",
+    "--vl-neutral-lifted": "--vl-neutral-400",
+    "--vl-neutral-accented": "--vl-neutral-500",
+
+    /* Text neutral colors */
+    "--vl-text-inverted": "--vl-neutral-900",
+    "--vl-text-muted": "--vl-neutral-600",
+    "--vl-text-lifted": "--vl-neutral-400",
+    "--vl-text-accented": "--vl-neutral-300",
+    "--vl-text": "--vl-neutral-100",
+
+    /* Border neutral colors */
+    "--vl-border-muted": "--vl-neutral-800",
+    "--vl-border": "--vl-neutral-700",
+    "--vl-border-lifted": "--vl-neutral-600",
+    "--vl-border-accented": "--vl-neutral-400",
+
+    /* Background neutral colors */
+    "--vl-bg": "--vl-neutral-900",
+    "--vl-bg-muted": "--vl-neutral-800",
+    "--vl-bg-lifted": "--vl-neutral-800",
+    "--vl-bg-accented": "--vl-neutral-700",
+    "--vl-bg-inverted": "--vl-neutral-100",
+  },
 
   /**
    * Directive settings.
@@ -34,7 +165,7 @@ export default {
   components: /*tw*/ {},
 
   /**
-   * Custom classes TailwindMerge settings.
+   * TailwindMerge settings for custom Tailwind CSS classes.
    * All lists of rules available here:
    * https://github.com/dcastil/tailwind-merge/blob/main/src/lib/default-config.ts
    */

package/composables/useBreakpoint.ts

@@ -21,38 +21,50 @@ enum BreakpointWidth {
   "2xl" = 1536,
 }
 
-type Breakpoint = `${BreakpointName}`;
-
-const mobileDevices = ["xs", "sm"];
-const portableDevices = ["xs", "sm", "md"];
-
 export default function useBreakpoint() {
-  let timeout: number | undefined;
+  let animationId: number | undefined;
 
   const windowWidth = ref(0);
-  const currentBreakpoint: Ref<Breakpoint> = ref(BreakpointName.Xs);
+  const currentBreakpoint: Ref<BreakpointName> = ref(BreakpointName.Xs);
+
+  const isPhone = computed(() => {
+    return currentBreakpoint.value === BreakpointName.Xs;
+  });
 
-  const isMobileBreakpoint = computed(() => {
-    return mobileDevices.includes(currentBreakpoint.value);
+  const isLargePhone = computed(() => {
+    return currentBreakpoint.value === BreakpointName.Sm;
   });
 
-  const isTabletBreakpoint = computed(() => {
-    return mobileDevices.includes(currentBreakpoint.value);
+  const isPhoneGroup = computed(() => {
+    return isPhone.value || isLargePhone.value;
   });
 
-  const isLaptopBreakpoint = computed(() => {
+  const isPortraitTablet = computed(() => {
+    return currentBreakpoint.value === BreakpointName.Md;
+  });
+
+  const isLandscapeTablet = computed(() => {
     return currentBreakpoint.value === BreakpointName.Lg;
   });
 
-  const isPortableBreakpoint = computed(() => {
-    return portableDevices.includes(currentBreakpoint.value);
+  const isTabletGroup = computed(() => {
+    return isPortraitTablet.value || isLandscapeTablet.value;
+  });
+
+  const isDesktop = computed(() => {
+    return currentBreakpoint.value === BreakpointName.Xl;
   });
 
-  // TODO: Why do we need this? Maybe we should rename it.
-  const elementSize = computed(() => {
-    return isMobileBreakpoint.value ? BreakpointName.Md : BreakpointName.Lg;
+  const isLargeDesktop = computed(() => {
+    return currentBreakpoint.value === BreakpointName["2xl"];
   });
 
+  const isDesktopGroup = computed(() => {
+    return isDesktop.value || isLargeDesktop.value;
+  });
+
+  watch(windowWidth, setBreakpoint, { immediate: true });
+
   onMounted(() => {
     if (isSSR) return;
 
@@ -67,16 +79,14 @@ export default function useBreakpoint() {
     window.removeEventListener("resize", resizeListener);
   });
 
-  watch(windowWidth, setBreakpoint, { immediate: true });
-
   function resizeListener() {
     if (isSSR) return;
 
-    if (timeout) {
-      window.cancelAnimationFrame(timeout);
+    if (animationId) {
+      window.cancelAnimationFrame(animationId);
     }
 
-    timeout = window.requestAnimationFrame(() => {
+    animationId = window.requestAnimationFrame(() => {
       windowWidth.value = window.innerWidth;
     });
   }
@@ -84,26 +94,29 @@ export default function useBreakpoint() {
   function setBreakpoint(newWindowWidth: number) {
     if (newWindowWidth === undefined) return;
 
-    currentBreakpoint.value = "xs";
-
-    if (newWindowWidth >= BreakpointWidth.Sm && newWindowWidth < BreakpointWidth.Sm) {
-      currentBreakpoint.value = BreakpointName.Sm;
-    } else if (newWindowWidth >= BreakpointWidth.Md && newWindowWidth < BreakpointWidth.Lg) {
-      currentBreakpoint.value = BreakpointName.Md;
-    } else if (newWindowWidth >= BreakpointWidth.Lg && newWindowWidth < BreakpointWidth.Xl) {
-      currentBreakpoint.value = BreakpointName.Lg;
-    } else if (newWindowWidth >= BreakpointWidth.Xl && newWindowWidth < BreakpointWidth["2xl"]) {
-      currentBreakpoint.value = BreakpointName.Xl;
-    } else if (newWindowWidth >= BreakpointWidth["2xl"]) {
-      currentBreakpoint.value = BreakpointName["2xl"];
-    }
+    const breakpoints = [
+      { width: BreakpointWidth["2xl"], name: BreakpointName["2xl"] },
+      { width: BreakpointWidth.Xl, name: BreakpointName.Xl },
+      { width: BreakpointWidth.Lg, name: BreakpointName.Lg },
+      { width: BreakpointWidth.Md, name: BreakpointName.Md },
+      { width: BreakpointWidth.Sm, name: BreakpointName.Sm },
+    ];
+
+    currentBreakpoint.value =
+      breakpoints.find((breakpoint) => newWindowWidth >= breakpoint.width)?.name ||
+      BreakpointName.Xs;
   }
 
   return {
-    isLaptopBreakpoint,
-    isTabletBreakpoint,
-    isMobileBreakpoint,
-    isPortableBreakpoint,
-    elementSize,
+    isPhone,
+    isLargePhone,
+    isPhoneGroup,
+    isPortraitTablet,
+    isLandscapeTablet,
+    isTabletGroup,
+    isDesktop,
+    isLargeDesktop,
+    isDesktopGroup,
+    breakpoint: currentBreakpoint,
   };
 }

package/composables/useUI.ts

@@ -213,8 +213,13 @@ export default function useUI<T>(
       if (extendsKeys.length) {
         const [firstKey] = extendsKeys;
 
+        if (config.value[firstKey] === undefined) {
+          // eslint-disable-next-line no-console
+          console.warn(`[Vueless] Missing ${firstKey} extend key.`);
+        }
+
         extendsKeyConfig = getMergedConfig({
-          defaultConfig: config.value[firstKey],
+          defaultConfig: config.value[firstKey] || {},
           globalConfig: globalConfig[firstKey],
           propsConfig: propsConfig[firstKey],
           unstyled: Boolean(vuelessConfig.unstyled),

package/constants.js

@@ -8,24 +8,32 @@ export const PRIMARY_COLOR = "primary";
 export const NEUTRAL_COLOR = "neutral";
 export const SECONDARY_COLOR = "secondary";
 export const GRAYSCALE_COLOR = "grayscale";
+export const INHERIT_COLOR = "inherit";
+
+/* Vueless cookies keys */
+export const PRIMARY_COLOR_KEY = "vl-primary";
+export const NEUTRAL_COLOR_KEY = "vl-neutral";
+export const ROUNDING_KEY = "vl-rounding";
+export const COLOR_MODE_KEY = "vl-color-mode";
+export const AUTO_MODE_KEY = "vl-auto-mode";
 
 /* Vueless dark mode */
 export const DARK_MODE_SELECTOR = "vl-dark";
 export const LIGHT_MODE_SELECTOR = "vl-light";
-export const COLOR_MODE_KEY = "vl-color-mode";
 
 /* Vueless defaults */
 export const DEFAULT_PRIMARY_COLOR = GRAYSCALE_COLOR;
 export const DEFAULT_NEUTRAL_COLOR = "gray";
-export const DEFAULT_FONT_SIZE = 14; /* pixels */
-export const FONT_SIZE_DECREMENT = 2; /* pixels */
-export const FONT_SIZE_INCREMENT = 2; /* pixels */
+export const DEFAULT_TEXT = 14; /* pixels */
+export const TEXT_DECREMENT = 2; /* pixels */
+export const TEXT_INCREMENT = 2; /* pixels */
 export const DEFAULT_OUTLINE = 2; /* pixels */
 export const OUTLINE_DECREMENT = 1; /* pixels */
 export const OUTLINE_INCREMENT = 1; /* pixels */
 export const DEFAULT_ROUNDING = 8; /* pixels */
 export const ROUNDING_DECREMENT = 4; /* pixels */
 export const ROUNDING_INCREMENT = 6; /* pixels */
+export const DEFAULT_DISABLED_OPACITY = 50; /* presents */
 
 /* Vueless supported color shades */
 export const PRIMARY_COLORS = [
@@ -63,9 +71,9 @@ export const COLOR_SHADES = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 95
 
 export const DEFAULT_LIGHT_THEME = {
   /* Primary colors */
-  "--vl-primary": "--color-primary-600",
-  "--vl-primary-lifted": "--color-primary-700",
-  "--vl-primary-accented": "--color-primary-800",
+  "--vl-primary": "--vl-primary-600",
+  "--vl-primary-lifted": "--vl-primary-700",
+  "--vl-primary-accented": "--vl-primary-800",
 
   /* Secondary colors */
   "--vl-secondary": "--vl-neutral-500",
@@ -97,42 +105,42 @@ export const DEFAULT_LIGHT_THEME = {
   "--vl-error-lifted": "--color-red-700",
   "--vl-error-accented": "--color-red-800",
 
-  /* Neutral colors */
-  "--vl-neutral": "--vl-neutral-500",
-  "--vl-neutral-lifted": "--vl-neutral-600",
-  "--vl-neutral-accented": "--vl-neutral-700",
-
   /* Grayscale colors */
   "--vl-grayscale": "--vl-neutral-900",
   "--vl-grayscale-lifted": "--vl-neutral-800",
   "--vl-grayscale-accented": "--vl-neutral-700",
 
+  /* Neutral colors */
+  "--vl-neutral": "--vl-neutral-500",
+  "--vl-neutral-lifted": "--vl-neutral-600",
+  "--vl-neutral-accented": "--vl-neutral-700",
+
   /* Text neutral colors */
-  "--vl-text": "--vl-neutral-900",
+  "--vl-text-inverted": "--color-white",
+  "--vl-text-muted": "--vl-neutral-400",
   "--vl-text-lifted": "--vl-neutral-500",
   "--vl-text-accented": "--vl-neutral-600",
-  "--vl-text-muted": "--vl-neutral-400",
-  "--vl-text-inverted": "--color-white",
+  "--vl-text": "--vl-neutral-900",
 
   /* Border neutral colors */
+  "--vl-border-muted": "--vl-neutral-200",
   "--vl-border": "--vl-neutral-300",
   "--vl-border-lifted": "--vl-neutral-400",
   "--vl-border-accented": "--vl-neutral-600",
-  "--vl-border-muted": "--vl-neutral-200",
 
   /* Background neutral colors */
   "--vl-bg": "--color-white",
+  "--vl-bg-muted": "--vl-neutral-50",
   "--vl-bg-lifted": "--vl-neutral-100",
   "--vl-bg-accented": "--vl-neutral-200",
-  "--vl-bg-muted": "--vl-neutral-50",
   "--vl-bg-inverted": "--vl-neutral-900",
 };
 
 export const DEFAULT_DARK_THEME = {
   /* Primary colors */
-  "--vl-primary": "--color-primary-400",
-  "--vl-primary-lifted": "--color-primary-500",
-  "--vl-primary-accented": "--color-primary-600",
+  "--vl-primary": "--vl-primary-400",
+  "--vl-primary-lifted": "--vl-primary-500",
+  "--vl-primary-accented": "--vl-primary-600",
 
   /* Secondary colors */
   "--vl-secondary": "--vl-neutral-300",
@@ -164,34 +172,34 @@ export const DEFAULT_DARK_THEME = {
   "--vl-error-lifted": "--color-red-500",
   "--vl-error-accented": "--color-red-600",
 
-  /* Neutral colors */
-  "--vl-neutral": "--vl-neutral-300",
-  "--vl-neutral-lifted": "--vl-neutral-400",
-  "--vl-neutral-accented": "--vl-neutral-500",
-
   /* Grayscale colors */
   "--vl-grayscale": "--vl-neutral-100",
   "--vl-grayscale-lifted": "--vl-neutral-200",
   "--vl-grayscale-accented": "--vl-neutral-300",
 
+  /* Neutral colors */
+  "--vl-neutral": "--vl-neutral-300",
+  "--vl-neutral-lifted": "--vl-neutral-400",
+  "--vl-neutral-accented": "--vl-neutral-500",
+
   /* Text neutral colors */
-  "--vl-text": "--vl-neutral-100",
+  "--vl-text-inverted": "--vl-neutral-900",
+  "--vl-text-muted": "--vl-neutral-600",
   "--vl-text-lifted": "--vl-neutral-400",
   "--vl-text-accented": "--vl-neutral-300",
-  "--vl-text-muted": "--vl-neutral-600",
-  "--vl-text-inverted": "--vl-neutral-900",
+  "--vl-text": "--vl-neutral-100",
 
   /* Border neutral colors */
+  "--vl-border-muted": "--vl-neutral-800",
   "--vl-border": "--vl-neutral-700",
   "--vl-border-lifted": "--vl-neutral-600",
   "--vl-border-accented": "--vl-neutral-400",
-  "--vl-border-muted": "--vl-neutral-800",
 
   /* Background neutral colors */
   "--vl-bg": "--vl-neutral-900",
+  "--vl-bg-muted": "--vl-neutral-800",
   "--vl-bg-lifted": "--vl-neutral-800",
   "--vl-bg-accented": "--vl-neutral-700",
-  "--vl-bg-muted": "--vl-neutral-800",
   "--vl-bg-inverted": "--vl-neutral-100",
 };
 
@@ -209,7 +217,7 @@ export const SYSTEM_CONFIG_KEY = {
   defaults: "defaults",
   unstyled: "unstyled",
   transition: "transition",
-  safelistColors: "safelistColors",
+  colors: "colors",
   ...CVA_CONFIG_KEY,
 };
 
@@ -227,17 +235,18 @@ export const COMPONENTS = {
   UDropdownButton: "ui.dropdown-button",
   UDropdownBadge: "ui.dropdown-badge",
   UDropdownLink: "ui.dropdown-link",
-  UDropdownList: "ui.dropdown-list",
 
   /* Form Inputs & Controls */
   UInput: "ui.form-input",
   UInputFile: "ui.form-input-file",
-  UInputMoney: "ui.form-input-money",
-  UInputSearch: "ui.form-input-search",
   UInputNumber: "ui.form-input-number",
+  UInputSearch: "ui.form-input-search",
+  UInputCounter: "ui.form-input-counter",
+  UInputPassword: "ui.form-input-password",
   UInputRating: "ui.form-input-rating",
   UTextarea: "ui.form-textarea",
   USelect: "ui.form-select",
+  UListbox: "ui.form-listbox",
   UCheckbox: "ui.form-checkbox",
   UCheckboxGroup: "ui.form-checkbox-group",
   UCheckboxMultiState: "ui.form-checkbox-multi-state",
@@ -255,12 +264,11 @@ export const COMPONENTS = {
   UText: "ui.text-block",
   UAlert: "ui.text-alert",
   UNotify: "ui.text-notify",
-  UMoney: "ui.text-money",
+  UNumber: "ui.text-number",
   UFile: "ui.text-file",
   UFiles: "ui.text-files",
   UEmpty: "ui.text-empty",
   UBadge: "ui.text-badge",
-  UNumber: "ui.text-number",
 
   /* Containers */
   UDivider: "ui.container-divider",
@@ -296,6 +304,7 @@ export const COMPONENTS = {
 
   /* Other */
   UDot: "ui.other-dot",
+  UChip: "ui.other-chip",
   UThemeColorToggle: "ui.other-theme-color-toggle",
 };
 
@@ -359,18 +368,23 @@ export const DEFAULT_SVGO_CONFIG = {
 };
 
 /* Vueless general */
-export const ICONS_DIR = "assets/icons";
-export const VUELESS_LIBRARY = "vueless";
+export const ICONS_DIR = "icons";
+export const VUELESS = "vueless";
+export const VUELESS_LIBRARY = VUELESS;
 export const STORYBOOK_DIR = "storybook";
+export const STORYBOOK_ICONS = `${ICONS_DIR}/${STORYBOOK_DIR}`;
 export const VUELESS_CONFIG_FILE_NAME = "vueless.config";
 export const VUELESS_CACHE_DIR = "node_modules/.cache/vueless";
 export const VUELESS_DIR = `node_modules/${VUELESS_LIBRARY}`;
 export const VUELESS_LOCAL_DIR = `src`;
-export const VUELESS_ICONS_DIR = `${VUELESS_DIR}/${ICONS_DIR}`;
-export const VUELESS_ICONS_LOCAL_DIR = `src/${ICONS_DIR}`;
-export const VUELESS_ICONS_CACHED_DIR = `${VUELESS_CACHE_DIR}/${ICONS_DIR}`;
+export const VUELESS_ICONS_DIR = `${VUELESS_DIR}/${ICONS_DIR}/app`;
+export const APP_ICONS_LOCAL_DIR = `src/${ICONS_DIR}/app`;
+export const APP_ICONS_CACHED_DIR = `${VUELESS_CACHE_DIR}/${ICONS_DIR}/app`;
 export const VUELESS_CONFIGS_CACHED_DIR = `${VUELESS_CACHE_DIR}/configs`;
+export const VUELESS_MERGED_CONFIGS_CACHED_DIR = `${VUELESS_CACHE_DIR}/mergedConfigs`;
 export const VUELESS_TAILWIND_SAFELIST = `${VUELESS_CACHE_DIR}/safelist.txt`;
+export const STORYBOOK_ICONS_LOCAL_DIR = `${VUELESS_LOCAL_DIR}/${STORYBOOK_ICONS}`;
+export const STORYBOOK_ICONS_CACHED_DIR = `${VUELESS_CACHE_DIR}/${STORYBOOK_ICONS}`;
 
 /* System error codes */
 export const DEFAULT_EXIT_CODE = 0;

package/icons/app/keyboard_double_arrow_left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M452.04-235.26 206.3-481l245.74-245.74L499.78-679 301.54-481l198.24 198-47.74 47.74Zm255.16 0L461.46-481 707.2-726.74 754.93-679l-198 198 198 198-47.73 47.74Z"/></svg>

package/icons/app/keyboard_double_arrow_right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m404.3-481-198-198 47.74-47.74L499.78-481 254.04-235.26 206.3-283l198-198Zm255.16 0-198-198 47.74-47.74L754.93-481 509.2-235.26 461.46-283l198-198Z"/></svg>

package/icons/storybook/@material-symbols/account_circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M222.96-257.63q62.76-43.52 124.52-66.78 61.76-23.26 132.62-23.26 70.87 0 133.25 23.44 62.37 23.45 124.69 66.6 43.53-54.24 61.67-108.15Q817.85-419.7 817.85-480q0-143.86-96.98-240.86-96.98-96.99-240.83-96.99-143.84 0-240.87 96.99-97.02 97-97.02 240.86 0 60.28 18.53 114.14t62.28 108.23Zm256.85-190.7q-58.57 0-98.4-40.04-39.84-40.05-39.84-98.46t40.02-98.39q40.03-39.98 98.6-39.98 58.57 0 98.4 40.17 39.84 40.16 39.84 98.57 0 58.42-40.02 98.28-40.03 39.85-98.6 39.85Zm.52 374.31q-83.53 0-157.57-31.93-74.05-31.93-129.46-87.33-55.42-55.41-87.35-129.24-31.93-73.82-31.93-157.77 0-83.67 31.98-157.36 31.98-73.7 87.32-129.03 55.33-55.34 129.17-87.44 73.84-32.1 157.8-32.1 83.67 0 157.36 32.1 73.7 32.1 129.03 87.44 55.34 55.33 87.44 129.08 32.1 73.75 32.1 157.27 0 83.53-32.1 157.6-32.1 74.08-87.44 129.41Q711.35-137.98 637.6-106q-73.75 31.98-157.27 31.98Zm-.33-68.13q54.28 0 105.59-15.52 51.3-15.53 102.3-54.81-51.24-35.76-102.8-54.16-51.57-18.4-105.09-18.4t-104.97 18.4q-51.44 18.4-102.68 54.16 51 39.28 102.18 54.81 51.19 15.52 105.47 15.52Zm0-369.05q33.25 0 54.41-21.02 21.16-21.02 21.16-54.42 0-33.4-21.16-54.54-21.16-21.15-54.41-21.15t-54.41 21.15q-21.16 21.14-21.16 54.54t21.16 54.42Q446.75-511.2 480-511.2Zm0-75.56Zm.24 373.28Z"/></svg>

package/icons/storybook/@material-symbols/add_circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M451.57-278.57h62.86v-166h167v-62.86h-167v-174h-62.86v174h-173v62.86h173v166ZM480.3-74.02q-84.2 0-158.04-31.88-73.84-31.88-129.16-87.2-55.32-55.32-87.2-129.2-31.88-73.88-31.88-158.17 0-84.28 31.88-158.2 31.88-73.91 87.16-128.74 55.28-54.84 129.18-86.82 73.9-31.99 158.21-31.99 84.3 0 158.25 31.97 73.94 31.97 128.75 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.33 0 84.24-31.99 158.07-31.98 73.84-86.82 128.95-54.83 55.1-128.87 87.17Q564.5-74.02 480.3-74.02Zm.2-68.13q140.54 0 238.95-98.75 98.4-98.76 98.4-239.6 0-140.54-98.22-238.95-98.21-98.4-239.75-98.4-140.16 0-238.95 98.22-98.78 98.21-98.78 239.75 0 140.16 98.75 238.95 98.76 98.78 239.6 98.78ZM480-480Z"/></svg>

package/icons/storybook/@material-symbols/arrow_outward.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M243.91-240.02 195.93-288l407.94-407.93H231.61v-68.14h488.37v488.14h-68.37v-372.03l-407.7 407.94Z"/></svg>

package/icons/storybook/@material-symbols/chat.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M240-399h313v-60H240v60Zm0-130h480v-60H240v60Zm0-130h480v-60H240v60ZM74.02-74.02v-743.83q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h675.7q27.7 0 48.03 20.34 20.34 20.33 20.34 48.03v515.7q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27H234.02l-160 160Zm134-228.13h609.83v-515.7h-675.7v587.57l65.87-71.87Zm-65.87 0v-515.7 515.7Z"/></svg>

package/icons/storybook/@material-symbols/check.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M378-240.26 148.26-470l48.98-48.98L378-338.22l383.76-383.76L810.74-673 378-240.26Z"/></svg>

package/icons/storybook/@material-symbols/check_circle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m420.52-294.41 285.63-285.63-50.78-50.03-234.85 234.85-117.85-117.85-49.78 50.03 167.63 168.63Zm59.51 220.39q-83.46 0-157.54-31.88-74.07-31.88-129.39-87.2-55.32-55.32-87.2-129.36-31.88-74.04-31.88-157.51 0-84.46 31.88-158.54 31.88-74.07 87.16-128.9 55.28-54.84 129.34-86.82 74.06-31.99 157.55-31.99 84.48 0 158.59 31.97 74.1 31.97 128.91 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.6 0 83.5-31.99 157.57-31.98 74.07-86.82 129.36-54.83 55.29-128.87 87.17-74.04 31.88-158.51 31.88Zm-.03-68.13q141.04 0 239.45-98.75 98.4-98.76 98.4-239.1 0-141.04-98.4-239.45-98.41-98.4-239.57-98.4-140.16 0-238.95 98.4-98.78 98.41-98.78 239.57 0 140.16 98.75 238.95 98.76 98.78 239.1 98.78ZM480-480Z"/></svg>

package/icons/storybook/@material-symbols/confirmation_number.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480.12-284.43q12.6 0 21.96-9.36 9.35-9.36 9.35-21.96 0-12.6-9.31-21.96-9.31-9.36-22.12-9.36-12.48 0-21.96 9.32-9.47 9.31-9.47 22.12 0 12.48 9.47 21.84 9.48 9.36 22.08 9.36Zm0-164.14q12.6 0 21.96-9.47 9.35-9.48 9.35-22.08 0-12.6-9.31-21.96-9.31-9.35-22.12-9.35-12.48 0-21.96 9.31-9.47 9.31-9.47 22.12 0 12.48 9.47 21.96 9.48 9.47 22.08 9.47Zm0-164.36q12.6 0 21.96-9.48 9.35-9.48 9.35-22.08 0-12.6-9.31-21.84T480-675.57q-12.48 0-21.96 9.25-9.47 9.24-9.47 21.95 0 12.48 9.47 21.96 9.48 9.48 22.08 9.48Zm337.73 458.91h-675.7q-28.35 0-48.24-19.89t-19.89-48.24v-154.2q36.52-7.76 61.26-36.3 24.74-28.55 24.74-67.35 0-39.28-24.74-68.09-24.74-28.8-61.26-35.8v-153.96q0-28.45 19.89-48.41 19.89-19.96 48.24-19.96h675.7q28.45 0 48.41 19.96 19.96 19.96 19.96 48.41v153.96q-36.76 7-61.38 35.8-24.62 28.81-24.62 68.09 0 38.8 24.62 67.35 24.62 28.54 61.38 36.3v154.2q0 28.35-19.96 48.24t-48.41 19.89Zm0-68.13v-105.89q-38-26.24-62-65.57t-24-86.48q0-47.15 24-86.51 24-39.36 62-65.36v-105.89h-675.7v105.89q39.24 26 62.62 65.4 23.38 39.39 23.38 86.48 0 47.08-23.38 86.44t-62.62 65.6v105.89h675.7ZM480-480Z"/></svg>

package/icons/storybook/@material-symbols/currency_exchange.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.76-34.5q-112 0-216-65.28-104-65.29-164.72-149.33v134.61H33.78v-248.13h248.13v65.26h-137q51 75.8 144.91 136.59Q383.72-100 479.76-100q77.52 0 146.78-29.76t120.88-80.9q51.62-51.14 81.98-120.41 30.36-69.26 30.6-147.5h65.5q-.24 92.2-35.46 173.04-35.21 80.83-96.05 141.31-60.84 60.48-141.67 95.1Q571.48-34.5 479.76-34.5ZM449.57-193v-53.04q-44.05-11.53-75.27-38.62-31.21-27.1-51.97-74.3l53.63-17.95q11.76 38.48 41.9 60.48t69.14 22q40.24 0 65.9-19.03 25.67-19.02 25.67-50.54 0-32.28-24.41-54.42-24.4-22.15-89.01-49.19-62.15-25.48-92.87-55.07-30.71-29.6-30.71-79.32 0-44 29.52-75.36t80.48-38.84V-766h57.86v49.8q38.24 4.48 66 24.48 27.77 20 45.24 56.68l-50.63 23.95q-15-28.48-37.12-42.48-22.12-14-51.88-14-37.8 0-59.7 17.41-21.91 17.4-21.91 47.2 0 31.53 25.65 50.53 25.64 19 83.4 43 69.48 29 98.72 61.59 29.23 32.6 29.23 83.84 0 25.72-9 46.84-9 21.12-25.61 36.24-16.62 15.12-40.5 24.5-23.89 9.38-53.89 12.38V-193h-57.86ZM34.5-481.43q0-91.48 34.98-172.32 34.98-80.84 95.57-141.32 60.6-60.47 141.68-95.45Q387.8-925.5 480-925.5q112 0 216.24 65.4 104.24 65.4 164.48 149.21V-845.5h65.5v248.13H678.09v-65.26h137q-51.72-76.52-145.48-136.95Q575.85-860 480-860q-77.52 0-146.78 29.76t-120.88 80.9q-51.62 51.14-81.98 120.41-30.36 69.26-30.6 147.5H34.5Z"/></svg>

package/icons/storybook/@material-symbols/double_arrow.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M229.09-195.93 441.72-480 229.09-764.07h84.28L526-480 313.37-195.93h-84.28Zm262.28 0L704-480 491.37-764.07h84.04L788.28-480 575.41-195.93h-84.04Z"/></svg>

package/icons/storybook/@material-symbols/download.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-315.15 278.39-516.76l48.98-48.5L445.93-446.7v-359.52h68.14v359.52l118.56-118.56 48.98 48.5L480-315.15ZM222.15-154.02q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-143h68.13v143h515.7v-143h68.37v143q0 27.58-20.34 47.86-20.33 20.27-48.03 20.27h-515.7Z"/></svg>

package/icons/storybook/@material-symbols/edit_calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M182.15-74.02q-27.6 0-47.86-20.27-20.27-20.26-20.27-47.86v-615.7q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34H245v-60h69.07v60h331.86v-60H715v60h62.85q27.7 0 48.03 20.34 20.34 20.33 20.34 48.03v256.65h-68.37V-570h-595.7v427.85h316.89v68.13H182.15Zm0-555.98h595.7v-127.85h-595.7V-630Zm0 0v-127.85V-630ZM559.04-74.02v-128.02L781-423q9.51-9.63 21.13-13.91 11.62-4.29 23.5-4.29 12.48 0 24.21 4.86T871.02-422l37 37q9.44 9.48 13.82 21.12 4.38 11.63 4.38 23.27 0 11.96-4.86 24.06-4.86 12.09-14.25 21.57L687.07-74.02H559.04Zm303.59-266.59-37-37 37 37Zm-240 203h38l120.28-121.23-18-19.02-19-18.03-121.28 120.22v38.06Zm140.28-140.28-19-18 37 37-18-19Z"/></svg>

package/icons/storybook/@material-symbols/error.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M479.93-274.02q16.46 0 27.4-10.74 10.93-10.75 10.93-27.21t-10.86-27.52q-10.86-11.05-27.33-11.05-16.46 0-27.4 11.03-10.93 11.04-10.93 27.5 0 16.47 10.86 27.23 10.86 10.76 27.33 10.76Zm-31-158.74h68.14v-257.07h-68.14v257.07ZM480.3-74.02q-84.2 0-158.04-31.88-73.84-31.88-129.16-87.2-55.32-55.32-87.2-129.2-31.88-73.88-31.88-158.17 0-84.28 31.88-158.2 31.88-73.91 87.16-128.74 55.28-54.84 129.18-86.82 73.9-31.99 158.21-31.99 84.3 0 158.25 31.97 73.94 31.97 128.75 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.33 0 84.24-31.99 158.07-31.98 73.84-86.82 128.95-54.83 55.1-128.87 87.17Q564.5-74.02 480.3-74.02Zm.2-68.13q140.54 0 238.95-98.75 98.4-98.76 98.4-239.6 0-140.54-98.22-238.95-98.21-98.4-239.75-98.4-140.16 0-238.95 98.22-98.78 98.21-98.78 239.75 0 140.16 98.75 238.95 98.76 98.78 239.6 98.78ZM480-480Z"/></svg>

package/icons/storybook/@material-symbols/expand_circle_down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480-346.22 658.02-524 610-570.78l-130 130-130-130L301.98-524 480-346.22Zm.03 272.2q-83.46 0-157.54-31.88-74.07-31.88-129.39-87.2-55.32-55.32-87.2-129.36-31.88-74.04-31.88-157.51 0-84.46 31.88-158.54 31.88-74.07 87.16-128.9 55.28-54.84 129.34-86.82 74.06-31.99 157.55-31.99 84.48 0 158.59 31.97 74.1 31.97 128.91 86.77 54.82 54.8 86.79 128.88 31.98 74.08 31.98 158.6 0 83.5-31.99 157.57-31.98 74.07-86.82 129.36-54.83 55.29-128.87 87.17-74.04 31.88-158.51 31.88Zm-.03-68.13q141.04 0 239.45-98.75 98.4-98.76 98.4-239.1 0-141.04-98.4-239.45-98.41-98.4-239.57-98.4-140.16 0-238.95 98.4-98.78 98.41-98.78 239.57 0 140.16 98.75 238.95 98.76 98.78 239.1 98.78ZM480-480Z"/></svg>

package/icons/storybook/@material-symbols/favorite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="m479.76-112.87-45.06-40.59q-106.49-97.83-175.96-168.75-69.48-70.92-110.72-126.9-41.24-55.98-57.74-101.57-16.5-45.6-16.5-92.34 0-92.8 62.21-155 62.22-62.2 153.77-62.2 56.83 0 105.18 26.29 48.34 26.28 84.82 76.32 42.48-53.04 89.25-77.82 46.77-24.79 100.75-24.79 91.96 0 154.21 62.21 62.25 62.2 62.25 155.01 0 46.71-16.5 92.19t-57.74 101.46q-41.24 55.98-110.8 127.04-69.57 71.07-176.11 168.85l-45.31 40.59Zm-.12-89.76q101.12-93 166.26-159.14 65.14-66.14 103.4-115.78 38.27-49.65 53.53-88.46 15.26-38.81 15.26-76.84 0-65.19-41.49-107.22-41.49-42.02-106.5-42.02-50.92 0-94.41 31.62-43.49 31.62-70.49 88.38h-51.63q-25.94-56-69.64-88-43.69-32-94.35-32-64.69 0-106.06 41.87-41.37 41.87-41.37 107.54 0 38.46 15.37 77.74 15.36 39.28 53.64 89.39 38.27 50.12 103.68 115.76 65.4 65.64 164.8 157.16Zm.6-294.85Z"/></svg>

package/icons/storybook/@material-symbols/feedback.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M480.1-366.76q15.19 0 25.36-10.32t10.17-25.42q0-15.09-10.15-25.43-10.16-10.33-25.34-10.33-15.19 0-25.48 10.27-10.29 10.27-10.29 25.46 0 15.1 10.27 25.43 10.27 10.34 25.46 10.34Zm-31.53-140.81h62.86V-760h-62.86v252.43ZM74.02-74.02v-743.83q0-27.7 20.27-48.03 20.26-20.34 47.86-20.34h675.7q27.7 0 48.03 20.34 20.34 20.33 20.34 48.03v515.7q0 27.6-20.34 47.86-20.33 20.27-48.03 20.27H234.02l-160 160Zm134-228.13h609.83v-515.7h-675.7v587.57l65.87-71.87Zm-65.87 0v-515.7 515.7Z"/></svg>

package/icons/storybook/@material-symbols/filter_list.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M395.7-228.04v-68.13h168.6v68.13H395.7ZM234.74-446.17v-67.9h490.52v67.9H234.74Zm-120.72-217.9v-68.13h732.2v68.13h-732.2Z"/></svg>

package/icons/storybook/@material-symbols/flight.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 -960 960 960"><path d="M279.98-74.02v-90.65l124.72-86.24v-164.83L74.02-282.02v-110.37L404.7-624.35v-186.56q0-30.68 22.19-52.99 22.2-22.32 53.11-22.32t53.11 22.32q22.19 22.31 22.19 52.99v186.56l330.92 231.96v110.37L555.3-415.74v164.83l123.48 86.24v90.65L480-134.46 279.98-74.02Z"/></svg>