@dpa-id-components/dpa-shared-components 21.1.1 → 22.0.0-next.1

package/src/tailwindPreset.css

@@ -19,7 +19,7 @@
   ::before,
   ::backdrop,
   ::file-selector-button {
-    border-color: var(--color-gray-200, currentcolor);
+    border-color: var(--color-neutral-pale, currentcolor);
   }
 
   /* Address https://tailwindcss.com/docs/upgrade-guide#buttons-use-the-default-cursor */
@@ -29,72 +29,172 @@
   }
 }
 
-@utility outline-blue {
+@utility focus-outline {
   isolation: isolate;
-  outline: 2px solid rgba(0, 62, 219, 0.5);
+  outline: 2px solid color-mix(in oklch, var(--color-primary), white 50%);
   outline-offset: 2px;
 }
 
 @theme {
-  /**
-   * COLORS
-   */
-
+  /* ToDo: Legacy Classes: remove when removed from components */
   --color-transparent: rgba(255, 255, 255, 0);
-
-  --color-gray-100: #f5f5f5;
-  --color-gray-200: #eeeeee;
-  --color-gray-300: #e3e3e3;
-  --color-gray-400: #bababa;
-  --color-gray-500: #8c8c8c;
-  --color-gray-600: #7e7e7e;
-  --color-gray-700: #757575;
-  --color-gray-800: #4d4d4d;
-  --color-gray-900: #212121;
-
-  --color-green-neon: #00e281;
-  --color-green-primary: #00b064;
-  --color-green-night: #006345;
-
-  --color-blue-default: #003edb;
-  --color-blue-dark: #0030aa;
-
-  --color-red-default: #e53935;
-  --color-red-dark: #ab000d;
-
-  --color-pink-default: #f5138d;
-  --color-pink-dark: #bd0060;
-
-  --color-purple-default: #8e24aa;
-  --color-purple-dark: #5c007a;
-
-  --color-cyan-default: #00acc1;
-  --color-cyan-dark: #007c91;
-
-  --color-teal-default: #00897b;
-  --color-teal-dark: #005b4f;
-
-  --color-yellow-default: #f9f500;
-  --color-yellow-dark: #c1be00;
-
-  --color-orange-default: #ffb300;
-  --color-orange-dark: #c68400;
-
   --color-alert-red-default: #f53000;
   --color-alert-red-dark: #ba2400;
-
-  --color-alert-green-default: #00d200;
-  --color-alert-green-dark: #00aa00;
-
   --color-rainbow-red: #e53935;
   --color-rainbow-red-dark: #ab000d;
   --color-rainbow-orange: #ffb300;
   --color-rainbow-purple: #8e24aa;
+  --color-blue-default: oklch(0.459 0.242 263.397);
+  --color-blue-dark: #0030aa;
+  --color-green-neon: #00e281;
+  --color-green-primary: #00b064;
+  --color-green-night: #006345;
 
-  --shadow-default: 0px 1px 1px rgba(0, 0, 0, 0.1);
-  --shadow-negative: 0px -1px 1px rgba(0, 0, 0, 0.1);
-  --shadow-md: 0px 1px 5px rgba(0, 0, 0, 0.1);
-  --shadow-lg: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
+  /* ---Gray Overrides - */
+  --color-gray-100: oklch(0.97 0 0);
+  --color-gray-200: oklch(0.949 0 0);
+  --color-gray-300: oklch(0.916 0 0);
+  --color-gray-400: oklch(0.789 0 0);
+  --color-gray-500: oklch(0.64 0 0);
+  --color-gray-600: oklch(0.593 0 0);
+  --color-gray-700: oklch(0.562 0 0);
+  --color-gray-800: oklch(0.418 0 0);
+  --color-gray-900: oklch(0.248 0 0);
+
+  --color-error: oklch(0.627 0.234 32.5);
+  --color-error-dark: oklch(0.511 0.189 32.9);
+  --color-error-darkest: oklch(0.379 0.136 34.1);
+
+  --color-red-default: oklch(0.608 0.209 27);
+  --color-red-dark: oklch(0.466 0.19 27.5);
+
+  --color-pink-default: oklch(0.635 0.253 357);
+  --color-pink-dark: oklch(0.516 0.209 1.3);
+
+  --color-purple-default: oklch(0.49 0.208 318);
+  --color-purple-dark: oklch(0.357 0.177 314.2);
+
+  --color-primary: oklch(0.459 0.242 263.4);
+  --color-primary-dark: oklch(0.383 0.198 263.2);
+  --color-primary-darkest: oklch(0.29 0.142 262.7);
+  --color-primary-light: oklch(0.496 0.263 263.5);
+
+  --color-cyan-default: oklch(0.682 0.118 210.1);
+  --color-cyan-dark: oklch(0.538 0.096 215.006);
+
+  --color-teal-default: oklch(0.566 0.101 182.5);
+  --color-teal-dark: oklch(0.422 0.077 179.8);
+
+  --color-secondary: oklch(0.665 0.165 154.8);
+  --color-secondary-dark: oklch(0.442 0.094 164.1);
+  --color-secondary-darkest: oklch(0.329 0.069 164.9);
+  --color-secondary-light: oklch(0.801 0.2 154.5);
+
+  --color-yellow-default: oklch(0.942 0.204 108.5);
+  --color-yellow-dark: oklch(0.814 0.173 104.8);
+
+  --color-orange-default: oklch(0.818 0.171 77.9);
+  --color-orange-dark: oklch(0.664 0.141 73.9);
+  --color-orange-darkest: oklch(0.508 0.108 73.3);
+
+  --color-brown-default: oklch(0.497 0.123 54.7);
+  --color-brown-dark: oklch(0.395 0.096 56.4);
+
+  /* --- Theme primary ---------------------------- */
+  --color-primary-hover: var(--color-primary-dark);
+  --color-primary-pressed: var(--color-primary-darkest);
+  --color-primary-active: var(--color-primary-darkest);
+  --color-primary-emphasis: var(--color-primary-light);
+
+  /* --- Theme Secondary ----- */
+  --color-secondary-hover: var(--color-secondary-dark);
+  --color-secondary-pressed: var(--color-secondary-darkest);
+  --color-secondary-active: var(--color-secondary-darkest);
+  --color-secondary-emphasis: var(--color-secondary-light);
+
+  /* --- Signal: Success -------------- */
+  --color-success: var(--color-secondary);
+  --color-success-hover: var(--color-secondary-dark);
+  --color-success-pressed: var(--color-secondary-darkest);
+  --color-success-active: var(--color-secondary-darkest);
+
+  /* --- Signal: Error -------------------------------------- */
+  --color-error-hover: var(--color-error-dark);
+  --color-error-pressed: var(--color-error-darkest);
+  --color-error-active: var(--color-error-darkest);
+
+  /* --- Signal: Warning -------------------------------------- */
+  --color-warning: var(--color-orange-default);
+  --color-warning-hover: var(--color-orange-dark);
+  --color-warning-pressed: var(--color-orange-darkest);
+  --color-warning-active: var(--color-orange-darkest);
+
+  /* --- Accent: Red ---------------------------------------- */
+  --color-accent-red: var(--color-red-default);
+  --color-accent-red-dark: var(--color-red-dark);
+
+  /* --- Accent: Pink --------------------------------------- */
+  --color-accent-pink: var(--color-pink-default);
+  --color-accent-pink-dark: var(--color-pink-dark);
+
+  /* --- Accent: Purple ------------------------------------- */
+  --color-accent-purple: var(--color-purple-default);
+  --color-accent-purple-dark: var(--color-purple-dark);
+
+  /* --- Accent: Cyan --------------------------------------- */
+  --color-accent-cyan: var(--color-cyan-default);
+  --color-accent-cyan-dark: var(--color-cyan-dark);
+
+  /* --- Accent: Teal --------------------------------------- */
+  --color-accent-teal: var(--color-teal-default);
+  --color-accent-teal-dark: var(--color-teal-dark);
+
+  /* --- Accent: Green -------------- */
+  --color-accent-green: var(--color-secondary);
+  --color-accent-green-hover: var(--color-secondary-dark);
+
+  /* --- Accent: Yellow ------------------------------------- */
+  --color-accent-yellow: var(--color-yellow-default);
+  --color-accent-yellow-dark: var(--color-yellow-dark);
+
+  /* --- Accent: Orange ------------------------------------- */
+  --color-accent-orange: var(--color-orange-default);
+  --color-accent-orange-dark: var(--color-orange-dark);
+  --color-accent-orange-darkest: var(--color-orange-darkest);
+
+  /* --- Accent: Brown -------------------------------------- */
+  --color-accent-brown: var(--color-brown-default);
+  --color-accent-brown-dark: var(--color-brown-dark);
+
+  --color-surface-base: var(--color-gray-100);
+  --color-surface-level-1: var(--color-white);
+
+  /* --- Overlay & Shadow -------------- */
+  --color-overlay: oklch(0 0 0 / 0.75);
+  --color-shadow-weak: oklch(0 0 0 / 0.1);
+  --color-shadow-medium: oklch(0 0 0 / 0.2);
+  --color-shadow-strong: oklch(0 0 0 / 0.35);
+
+  /* --- Neutral  --------------------------- */
+  --color-neutral: var(--color-white);
+  --color-neutral-primary: var(--color-gray-900);
+  --color-neutral-emphasis: var(--color-gray-800);
+  --color-neutral-subtle: var(--color-gray-700);
+  --color-neutral-medium: var(--color-gray-600);
+  --color-neutral-muted: var(--color-gray-500);
+  --color-neutral-soft: var(--color-gray-400);
+  --color-neutral-faint: var(--color-gray-300);
+  --color-neutral-pale: var(--color-gray-200);
+  --color-neutral-whisper: var(--color-gray-100);
+  --color-neutral-disabled: oklch(0 0 0 / 0.2);
+  --color-neutral-inverse-primary: var(--color-white);
+  --color-neutral-inverse-subtle: oklch(1 0 0 / 0.8);
+  --color-neutral-inverse-muted: oklch(1 0 0 / 0.6);
+  --color-neutral-inverse-faint: oklch(1 0 0 / 0.4);
+  --color-neutral-inverse-disabled: oklch(1 0 0 / 0.2);
+
+  /* ToDo: shadow-default will be deprecated in favor of shadow-sm  */
+  --shadow-default: var(--shadow-sm);
 
   /**
    * TYPOGRAPHY
@@ -103,6 +203,11 @@
   --font-sans: Inter, sans-serif;
   --font-marketing: Futura, sans-serif;
 
+  --font-weight-*: initial;
+  --font-weight-normal: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+
   --text-xs--line-height: calc(1.125 / 0.75);
   --text-sm--line-height: calc(1.3125 / 0.875);
   --text-lg--line-height: calc(1.6875 / 1.125);
@@ -114,13 +219,13 @@
    */
 
   --spacing: 4px;
-
   --spacing-inherit: inherit;
   --spacing-half: 2px;
+
   /* Used for form controls that receive a 2px border on :focus instead of the usual 1px and so a padding of 15px is applied instead of 16px to stop the content from jumping around. */
   --spacing-inputFocused: 15px;
 
-  --inset-1/2: 50%;
+  --inset-half: 50%;
   --inset-full: 100%;
   --inset-auto: auto;
 }

package/src/types/index.ts

@@ -0,0 +1 @@
+export type Size = "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

package/src/utils/cn.ts

@@ -1,7 +1,14 @@
-import type { ClassValue } from "clsx";
-import { clsx } from "clsx";
+import { type ClassValue, clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs)).replaceAll(/\s+/g, " ").trim();
+/**
+ * Constructs a CSS class name string allowing for a variety of conditional expressions similar to Vue template's `:class` bindings and taking overlapping Tailwind utilities (e.g. “items-center” and “items-start”) into account.
+ *
+ * @param inputs
+ * @returns a string of CSS class names
+ * @example cn("items-center", "items-start")
+ * @example cn("flex", { "flex-col": isVertical })
+ */
+export function cn(...inputs: ClassValue[]): string {
+  return twMerge(clsx(...inputs));
 }

package/dist/assets/icons/flag-outline.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/folder-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/graphic-circled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/graphic-filled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/image focus point.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/info-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/lock-filled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/map-outline.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/paperplane.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/pause-circle.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/picture-circled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/picture-filled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/picture-gallery.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/play-circle.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/play-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/plus-circle.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/saved-search-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/sidebar-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/star-fill.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/text-circled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/text-filled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/video overlay.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/video-circled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/video-filled.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/assets/icons/video-rounded.vue.d.ts

@@ -1,3 +0,0 @@
-declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/audio-circled-amRbTaDb.js

@@ -1,15 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/audio-circled.vue
-var i = {}, a = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 16 16",
-	width: "16",
-	height: "16"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15ZM12 6.66667C12.3687 6.66667 12.6667 6.96533 12.6667 7.33333C12.6667 9.68 10.9247 11.6213 8.66667 11.9467V13.4708C8.66667 13.839 8.36819 14.1375 8 14.1375C7.63181 14.1375 7.33333 13.839 7.33333 13.4708V11.9467C5.07533 11.6213 3.33333 9.68 3.33333 7.33333C3.33333 6.96533 3.63133 6.66667 4 6.66667C4.36867 6.66667 4.66667 6.96533 4.66667 7.33333C4.66667 9.17133 6.162 10.6667 8 10.6667C9.838 10.6667 11.3333 9.17133 11.3333 7.33333C11.3333 6.96533 11.6313 6.66667 12 6.66667ZM10.1667 7.33333C10.1667 8.52786 9.19452 9.5 8 9.5C6.80548 9.5 5.83333 8.52786 5.83333 7.33333V5C5.83333 3.80548 6.80548 2.83333 8 2.83333C9.19452 2.83333 10.1667 3.80548 10.1667 5V7.33333Z" }, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/audio-filled-C7m_-PTb.js

@@ -1,15 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/audio-filled.vue
-var i = {}, a = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 16 16",
-	height: "16",
-	width: "16"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16ZM12 6.66667C11.6313 6.66667 11.3333 6.96533 11.3333 7.33333C11.3333 9.17133 9.838 10.6667 8 10.6667C6.162 10.6667 4.66667 9.17133 4.66667 7.33333C4.66667 6.96533 4.36867 6.66667 4 6.66667C3.63133 6.66667 3.33333 6.96533 3.33333 7.33333C3.33333 9.68 5.07533 11.6213 7.33333 11.9467V13.4708C7.33333 13.839 7.63181 14.1375 8 14.1375C8.36819 14.1375 8.66667 13.839 8.66667 13.4708V11.9467C10.9247 11.6213 12.6667 9.68 12.6667 7.33333C12.6667 6.96533 12.3687 6.66667 12 6.66667ZM10.1667 7.33333V5C10.1667 3.80548 9.19452 2.83333 8 2.83333C6.80548 2.83333 5.83333 3.80548 5.83333 5V7.33333C5.83333 8.52786 6.80548 9.5 8 9.5C9.19452 9.5 10.1667 8.52786 10.1667 7.33333Z" }, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/bookmark-fill-DbkrXmPt.js

@@ -1,20 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/bookmark-fill.vue
-var i = {}, a = {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M15.7954 17.7096L17.5 19.4024L17.5 17L17.5 5C17.5 3.89543 16.6046 3 15.5 3L8.5 3C7.39543 3 6.5 3.89543 6.5 5L6.5 17L6.5 19.4024L8.20464 17.7096L12 13.9406L15.7954 17.7096Z",
-		fill: "currentColor",
-		stroke: "currentColor",
-		"stroke-width": "2"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/components/UiAutocomplete/UiAutocomplete.vue.d.ts

@@ -1,22 +0,0 @@
-type __VLS_Props = {
-    label?: string;
-    placeholder?: string;
-    value?: string;
-    options?: string[];
-    readonly?: boolean;
-    chevron?: boolean;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSelect?: ((args_0: string) => any) | undefined;
-}>, {
-    label: string;
-    readonly: boolean;
-    placeholder: string;
-    chevron: boolean;
-    value: string;
-    options: string[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.vue.d.ts

@@ -1,29 +0,0 @@
-type __VLS_Props = {
-    color?: string;
-    fill?: string;
-    iconIsFilled?: boolean;
-    label: string;
-    isActive?: boolean;
-};
-declare var __VLS_6: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_6) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
-}>, {
-    fill: string;
-    color: string;
-    iconIsFilled: boolean;
-    isActive: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/UiSimpleInput/UiSimpleInput.vue.d.ts

@@ -1,20 +0,0 @@
-type __VLS_Props = {
-    value?: string;
-    placeholder?: string;
-    size?: "xs" | "small" | "medium" | "large" | "xl";
-    hasIcon?: boolean;
-    autofocus?: boolean;
-};
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    input: (args_0: string) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onInput?: ((args_0: string) => any) | undefined;
-}>, {
-    size: "xs" | "small" | "medium" | "large" | "xl";
-    placeholder: string;
-    autofocus: boolean;
-    value: string;
-    hasIcon: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/filter-outline-ChWKUbSt.js

@@ -1,16 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/filter-outline.vue
-var i = {}, a = {
-	xmlns: "http://www.w3.org/2000/svg",
-	viewBox: "0 0 24 24"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		"fill-rule": "evenodd",
-		d: "M12.0208 2.80761L2.82843 12L12.0208 21.1924L21.2132 12L12.0208 2.80761ZM0 12L12.0208 24.0208L24.0416 12L12.0208 -0.0208151L0 12Z"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/flag-filled-CdVD_QxY.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/flag-filled.vue
-var i = {}, a = {
-	width: "16",
-	height: "18",
-	viewBox: "0 0 16 18",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M15.2676 1.67969C14.8056 1.34569 14.2076 1.25069 13.6686 1.42669C13.0926 1.61469 12.3426 1.71369 11.4996 1.71369C10.3756 1.71369 9.39957 1.33069 8.36557 0.925695C7.20357 0.470695 6.00057 -0.000305176 4.49957 -0.000305176C1.61357 -0.000305176 0.495573 0.951695 0.299573 1.14369C0.108573 1.33069 -0.000427246 1.58869 -0.000427246 1.85769V8.99969V12.1427V16.9997C-0.000427246 17.5527 0.447573 17.9997 0.999573 17.9997C1.55257 17.9997 1.99957 17.5527 1.99957 16.9997V12.7017C2.39457 12.5267 3.17257 12.2857 4.49957 12.2857C5.62357 12.2857 6.60057 12.6687 7.63457 13.0747C8.79657 13.5297 9.99857 13.9997 11.4996 13.9997C13.3086 13.9997 14.4226 13.6217 15.0406 13.3047C15.6326 12.9977 15.9996 12.4027 15.9996 11.7487V3.10569C15.9996 2.54569 15.7266 2.01269 15.2676 1.67969Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/flag-outline-ChGgKT6P.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/flag-outline.vue
-var i = {}, a = {
-	width: "17",
-	height: "18",
-	viewBox: "0 0 17 18",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M15.9366 1.68C15.7084 1.51551 15.4445 1.40715 15.1665 1.36372C14.8885 1.32028 14.6042 1.34299 14.3366 1.43C13.6308 1.62849 12.8997 1.72281 12.1666 1.71C11.0832 1.65119 10.021 1.38647 9.03664 0.93C7.82066 0.367632 6.50538 0.0515559 5.16664 0C2.27664 0 1.16664 1 0.966643 1.14C0.870951 1.23379 0.795085 1.34586 0.743549 1.46954C0.692014 1.59323 0.66586 1.72601 0.666643 1.86V17C0.666643 17.2652 0.772 17.5196 0.959536 17.7071C1.14707 17.8946 1.40143 18 1.66664 18C1.93186 18 2.18621 17.8946 2.37375 17.7071C2.56129 17.5196 2.66664 17.2652 2.66664 17V12.7C3.46347 12.3949 4.31411 12.2554 5.16664 12.29C6.25005 12.3488 7.31233 12.6135 8.29664 13.07C9.51262 13.6324 10.8279 13.9484 12.1666 14C13.3722 14.0455 14.5714 13.8057 15.6666 13.3C15.9618 13.1613 16.2121 12.9425 16.3889 12.6684C16.5657 12.3944 16.662 12.0761 16.6666 11.75V3.11C16.6663 2.83097 16.6 2.55598 16.4731 2.30747C16.3462 2.05895 16.1624 1.84395 15.9366 1.68ZM14.6666 11.59C13.8695 11.894 13.0191 12.0335 12.1666 12C11.0819 11.9425 10.0187 11.6742 9.03664 11.21C7.81834 10.6558 6.50403 10.3433 5.16664 10.29C4.32414 10.2755 3.48345 10.373 2.66664 10.58V2.42C3.46161 2.10734 4.31315 1.96428 5.16664 2C6.25139 2.05748 7.31454 2.32582 8.29664 2.79C9.51494 3.34425 10.8293 3.6567 12.1666 3.71C13.0097 3.72245 13.8505 3.62154 14.6666 3.41V11.59Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/folder-filled-zwvSw3Sd.js

@@ -1,18 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-BTgDAbhb.js";
-import { createElementBlock as t, createElementVNode as n, openBlock as r } from "vue";
-//#region src/assets/icons/folder-filled.vue
-var i = {}, a = {
-	width: "20",
-	height: "18",
-	viewBox: "0 0 20 18",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M17.5 17.5H2.5C1.122 17.5 0 16.409 0 15.068V2.931C0 1.59 1.122 0.5 2.5 0.5H7.101C7.4 0.5 7.685 0.634 7.875 0.867L10.474 4.046H17.5C18.878 4.046 20 5.136 20 6.478V15.068C20 16.409 18.878 17.5 17.5 17.5Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };