@dpa-id-components/dpa-shared-components 22.0.0-next.0 → 22.0.0-next.2

package/src/components/UiMenu/UiMenu.vue

@@ -4,7 +4,7 @@
       <UiButton
         class="w-full justify-between"
         :class="{
-          'border-gray-700': isPopoverOpen,
+          'border-neutral-subtle': isPopoverOpen,
         }"
         :appearance="active ? 'primary' : buttonAppearance"
         :disabled
@@ -25,92 +25,90 @@
 
     <template #default="{ close }">
       <div
-        class="block w-max max-w-full overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
+        class="block w-max max-w-full divide-y overflow-hidden rounded-sm text-base/6 shadow-lg focus:outline-hidden sm:text-sm/5"
       >
         <div
           v-if="hasSearch"
-          style="outline-offset: -2px"
-          class="border-b fill-current px-4 py-3 text-gray-900 shadow-none"
+          class="flex items-center gap-2 rounded-t-sm px-4 py-2 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
         >
-          <div class="flex items-center">
-            <UiIcon class="absolute text-gray-700" name="search" size="sm" />
-            <input
-              ref="search-input"
-              v-model="queryModel"
-              type="text"
-              spellcheck="false"
-              class="w-full pl-6 text-sm focus:outline-hidden"
-              :placeholder="searchPlaceholder"
-              data-testid="menu-search-input"
-            />
-          </div>
+          <UiIcon
+            class="shrink-0 text-neutral-emphasis"
+            name="search"
+            size="sm"
+          />
+          <input
+            ref="search-input"
+            v-model="queryModel"
+            type="text"
+            spellcheck="false"
+            class="w-full text-sm focus:outline-hidden"
+            :placeholder="searchPlaceholder"
+            data-testid="menu-search-input"
+          />
         </div>
 
-        <div>
-          <slot
-            v-bind="{
-              checkboxAppearance,
-              checkboxSize,
-              iconSize,
-              imageShape,
-              listVariant,
-              options,
-              groupedOptions,
-            }"
+        <slot
+          v-bind="{
+            checkboxAppearance,
+            checkboxSize,
+            iconSize,
+            imageShape,
+            listVariant,
+            options,
+            groupedOptions,
+          }"
+        >
+          <ul
+            v-if="processedOptions.some(({ options }) => options.length > 0)"
+            class="max-h-80 overflow-y-auto"
+            data-testid="menu-option-list"
           >
-            <ul
-              v-if="processedOptions.some(({ options }) => options.length > 0)"
-              class="max-h-80 overflow-y-auto"
-              data-testid="menu-option-list"
+            <template
+              v-for="group in processedOptions"
+              :key="`group-${group.groupLabel ?? 'default'}`"
             >
-              <template
-                v-for="group in processedOptions"
-                :key="`group-${group.groupLabel ?? 'default'}`"
-              >
-                <template v-if="group.options.length > 0">
-                  <li
-                    v-if="group.groupLabel"
-                    class="flex h-6 items-center border-t bg-gray-100 px-4 text-xs font-semibold tracking-wider text-gray-700 uppercase first:border-t-0"
-                  >
-                    {{ group.groupLabel }}
-                  </li>
+              <template v-if="group.options.length > 0">
+                <li
+                  v-if="group.groupLabel"
+                  class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
+                >
+                  {{ group.groupLabel }}
+                </li>
 
-                  <UiListItem
-                    v-for="(option, index) in group.options"
-                    :key="`option-${option.value}`"
-                    :selected="option.selected"
-                    :selectable="listVariant === 'selectable'"
-                    :is-checked="option.selected"
-                    :check-box-menu="listVariant === 'checkbox'"
-                    :icon-size="iconSize"
-                    :image-shape="imageShape"
-                    :image-src="option.imageSrc"
-                    :icon-name="option.iconName"
-                    :checkbox-size="checkboxSize"
-                    :checkbox-appearance="checkboxAppearance"
-                    class="hover:bg-gray-100 focus:bg-gray-300"
-                    :data-testid="`menu-option-button-${index}`"
-                    @list-item-click="
-                      (value, shouldCloseMenu) => {
-                        selectOption(option);
-                        if (shouldCloseMenu) {
-                          close();
-                        }
+                <UiListItem
+                  v-for="(option, index) in group.options"
+                  :key="`option-${option.value}`"
+                  :selected="option.selected"
+                  :selectable="listVariant === 'selectable'"
+                  :is-checked="option.selected"
+                  :check-box-menu="listVariant === 'checkbox'"
+                  :icon-size="iconSize"
+                  :image-shape="imageShape"
+                  :image-src="option.imageSrc"
+                  :icon-name="option.iconName"
+                  :checkbox-size="checkboxSize"
+                  :checkbox-appearance="checkboxAppearance"
+                  class="hover:bg-neutral-whisper focus:bg-neutral-faint"
+                  :class="{
+                    'border-t': option.hasDividerAbove,
+                  }"
+                  :data-testid="`menu-option-button-${index}`"
+                  @list-item-click="
+                    (value, shouldCloseMenu) => {
+                      selectOption(option);
+                      if (shouldCloseMenu) {
+                        close();
                       }
-                    "
-                    >{{ option.label }}</UiListItem
-                  >
-                </template>
+                    }
+                  "
+                  >{{ option.label }}</UiListItem
+                >
               </template>
-            </ul>
-          </slot>
-        </div>
+            </template>
+          </ul>
+        </slot>
 
-        <div
-          v-if="hasResetOption"
-          style="outline-offset: -2px"
-          class="border-t fill-current px-4 py-2 text-gray-900 shadow-none"
-        >
+        <div v-if="hasResetOption" class="px-4 py-2 text-neutral-primary">
           <UiButton
             appearance="secondary"
             :disabled="disabledReset"
@@ -144,6 +142,8 @@ export type UiMenuOptionType<Value = unknown> = {
   iconName?: UiIconName;
   selected: boolean;
   value: Value;
+  /** @default false */
+  hasDividerAbove?: boolean;
 };
 
 export type UiMenuSelectedOption<Value = unknown> = UiMenuOptionType<Value> & {

package/src/components/UiMenu/UiMenuItem.vue

@@ -6,7 +6,7 @@
     :image-shape="imageShape"
     :checkbox-size="checkboxSize"
     :checkbox-appearance="checkboxAppearance"
-    :class="cn('hover:bg-gray-100 focus:bg-gray-300', $props.class)"
+    :class="cn('hover:bg-neutral-whisper focus:bg-neutral-faint', $props.class)"
     v-bind="{
       ...(props.option
         ? {

package/src/components/UiOverlay/README.md

@@ -9,7 +9,7 @@ Component will be removed in a future update
 <template>
     <UiOverlay>
         <div class='grid place-items-center'>
-            <span class='text-white'>Here is a Overlay</span>
+            <span class='text-neutral'>Here is a Overlay</span>
         </div>
     </UiOverlay>
 </template>

package/src/components/UiOverlayMenu/README.md

@@ -9,7 +9,7 @@ Component will be removed in a future update
 <template>
     <UiOverlayMenu :is-open="true">
         <div class='grid place-items-center'>
-            <span class='text-white'>Here is Content</span>
+            <span class='text-neutral'>Here is Content</span>
         </div>
     </UiOverlayMenu>
 </template>

package/src/components/UiOverlayMenu/UiOverlayMenu.vue

@@ -5,7 +5,7 @@
     class="relative size-full border-none"
   >
     <div
-      class="absolute top-12 right-3 z-10 block border-t bg-white px-4 py-3 shadow-lg"
+      class="absolute top-12 right-3 z-10 block border-t bg-neutral px-4 py-3 shadow-lg"
     >
       <slot />
     </div>

package/src/components/UiSearchInput/UiSearchInput.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="mb-4 grid text-gray-900 lg:mb-0 lg:grid-rows-1 lg:gap-y-5"
+    class="mb-4 grid text-neutral-primary lg:mb-0 lg:grid-rows-1 lg:gap-y-5"
     :class="{
       'lg:grid-cols-[224px_1fr]': hasLabel,
       'lg:grid-cols-1': !hasLabel,
@@ -53,7 +53,7 @@
           data-testid="add-entry"
           @click="addRow"
         >
-          <UiIcon name="plus-circle" />
+          <UiIcon name="plus" />
         </UiButton>
       </div>
     </div>
@@ -170,7 +170,7 @@ const hasLabel = computed(() => {
 });
 
 const inputWrapperClass = computed(() => {
-  const baseClass = "border-b border-b-gray-200 self-start shrink-0";
+  const baseClass = "border-b border-b-neutral-pale self-start shrink-0";
   return hasLabel.value
     ? ["lg:col-start-2 lg:text-base", baseClass]
     : [baseClass];

package/src/components/UiSection/UiSection.vue

@@ -1,5 +1,5 @@
 <template>
-  <section :class="borderClass" class="w-full border-gray-200 bg-white">
+  <section :class="borderClass" class="w-full border-neutral-pale bg-neutral">
     <div
       :class="[sizeClasses[size], paddingClasses[verticalPadding]]"
       data-testid="inner"
@@ -36,7 +36,7 @@ const props = withDefaults(
 );
 
 const sizeClasses: Record<string, string> = {
-  wide: "w-full  md:px-28 text-gray-900 lg:flex",
+  wide: "w-full  md:px-28 text-neutral-primary lg:flex",
   small: "w-full lg:mx-auto lg:w-2/3",
 };
 

package/src/components/UiSectionDivider/UiSectionDivider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="[sizeClass, customClasses]" class="bg-gray-100" />
+  <div :class="[sizeClass, customClasses]" class="bg-neutral-whisper" />
 </template>
 <script lang="ts">
 /**

package/src/components/UiSnackbar/UiSnackbar.vue

@@ -26,7 +26,7 @@
       >
         <UiIcon
           v-if="iconName || type === 'error'"
-          :name="iconName || 'alert-fill'"
+          :name="iconName || 'alert-filled'"
           :size="iconSize"
           class="mr-2 text-neutral"
         />

package/src/components/UiTextButton/UiTextButton.vue

@@ -95,9 +95,9 @@ const weightClassName = computed((): string => {
     fontClass = "font-semibold rounded-lg";
 
     if (props.placement === "onsurface") {
-      hoverClass = "hover:bg-gray-100";
+      hoverClass = "hover:bg-neutral-whisper";
     } else if (props.placement === "oncanvas") {
-      hoverClass = "hover:bg-gray-200";
+      hoverClass = "hover:bg-neutral-pale";
     }
   }
 
@@ -127,12 +127,12 @@ const textClassName = computed((): string => {
 
 const colorClass = computed((): string => {
   if (props.color === "blue") {
-    return "text-blue-default";
+    return "text-primary";
   } else if (props.color === "gray") {
     if (props.placement === "onsurface") {
-      return "text-gray-700";
+      return "text-neutral-subtle";
     } else if (props.placement === "oncanvas") {
-      return "text-gray-800";
+      return "text-neutral-emphasis";
     }
   }
   return "";

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,9 +29,9 @@
   }
 }
 
-@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;
 }
 

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

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

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

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

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

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

package/dist/assets/icons/bookmark-outlined.vue.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/bookmark-fill-1I_p7DUK.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/filter-outline-CXNz396S.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-Ch5DU-jc.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-CIjq4xZl.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-kZQlz6hr.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 };

package/dist/lock-filled-D-PhTnpR.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/lock-filled.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: "M16 9.99999H17C17.7956 9.99999 18.5587 10.3161 19.1213 10.8787C19.6839 11.4413 20 12.2043 20 13V19C20 19.7956 19.6839 20.5587 19.1213 21.1213C18.5587 21.6839 17.7956 22 17 22H7C6.20435 22 5.44129 21.6839 4.87868 21.1213C4.31607 20.5587 4 19.7956 4 19V13C4 12.2043 4.31607 11.4413 4.87868 10.8787C5.44129 10.3161 6.20435 9.99999 7 9.99999H8V6.10999C8 5.04912 8.42143 4.0317 9.17157 3.28156C9.92172 2.53141 10.9391 2.10999 12 2.10999C13.0609 2.10999 14.0783 2.53141 14.8284 3.28156C15.5786 4.0317 16 5.04912 16 6.10999V9.99999ZM10.5643 4.64198C10.1894 5.03743 9.98655 5.56528 10 6.10999V9.99999H14V6.10999C14.0135 5.56528 13.8106 5.03743 13.4357 4.64198C13.0609 4.24653 12.5446 4.01569 12 3.99999C11.4554 4.01569 10.9391 4.24653 10.5643 4.64198ZM13 14.75C13 14.1977 12.5523 13.75 12 13.75C11.4477 13.75 11 14.1977 11 14.75V16.75C11 17.3023 11.4477 17.75 12 17.75C12.5523 17.75 13 17.3023 13 16.75V14.75Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/paperplane-Cw3OQH89.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/paperplane.vue
-var i = {}, a = {
-	width: "18",
-	height: "18",
-	viewBox: "0 0 18 18",
-	xmlns: "http://www.w3.org/2000/svg"
-};
-function o(e, i) {
-	return r(), t("svg", a, [...i[0] ||= [n("path", {
-		d: "M11.5001 13.8649L9.95342 9.22573L14.5934 4.5849L11.5001 13.8649ZM13.4151 3.40657L8.77508 8.04657L4.13508 6.4999L13.4151 3.40657ZM17.3251 1.45657C17.3209 1.37907 17.3067 1.30407 17.2809 1.23157C17.2726 1.20573 17.2634 1.18073 17.2518 1.15573C17.2118 1.06657 17.1609 0.982401 17.0893 0.910734C17.0176 0.839068 16.9334 0.788234 16.8434 0.748234C16.8193 0.736567 16.7951 0.727401 16.7693 0.719068C16.6951 0.693234 16.6193 0.678234 16.5401 0.674067C16.5218 0.673234 16.5051 0.669067 16.4859 0.669067C16.4026 0.670734 16.3184 0.682401 16.2367 0.709067L1.23675 5.70907C0.895915 5.82323 0.666748 6.14073 0.666748 6.4999C0.666748 6.85907 0.895915 7.1774 1.23675 7.29073L8.34092 9.65907L10.7101 16.7641C10.8234 17.1041 11.1409 17.3332 11.5001 17.3332C11.8592 17.3332 12.1767 17.1041 12.2901 16.7641L17.2901 1.76407C17.3167 1.68157 17.3293 1.59823 17.3302 1.5149C17.3309 1.4949 17.3259 1.47657 17.3251 1.45657Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };

package/dist/pause-circle-ClhyHaux.js

@@ -1,19 +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/pause-circle.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", {
-		"fill-rule": "evenodd",
-		d: "M12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24ZM7.5 7.5C7.5 6.67157 8.17157 6 9 6C9.82843 6 10.5 6.67157 10.5 7.5V16.5C10.5 17.3284 9.82843 18 9 18C8.17157 18 7.5 17.3284 7.5 16.5V7.5ZM13.5 7.5C13.5 6.67157 14.1716 6 15 6C15.8284 6 16.5 6.67157 16.5 7.5V16.5C16.5 17.3284 15.8284 18 15 18C14.1716 18 13.5 17.3284 13.5 16.5V7.5Z",
-		fill: "currentColor"
-	}, null, -1)]]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as default };