@dpa-id-components/dpa-shared-components 19.4.2 → 20.0.0

package/dist/{spinner-iy8bEYsM.js → spinner-sg2ByrTx.js}

@@ -1,11 +1,11 @@
-import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as n } from "./index-BmYuqTg-.js";
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+import { _ as n } from "./index-D6h6GIJr.js";
 const r = {}, s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"
 };
 function c(_, C) {
-  return t(), e("svg", s, [...C[0] || (C[0] = [
+  return e(), t("svg", s, [...C[0] || (C[0] = [
     o("path", { d: "M21.0001 11C20.7348 11 20.4805 11.1054 20.293 11.2929C20.1054 11.4804 20.0001 11.7348 20.0001 12C20.0001 14.1217 19.1572 16.1566 17.6569 17.6569C16.1566 19.1572 14.1218 20 12.0001 20C10.4201 19.9993 8.87582 19.5308 7.56182 18.6535C6.24782 17.7763 5.22298 16.5297 4.61654 15.0708C4.0101 13.6119 3.8492 12.0061 4.15415 10.4559C4.45909 8.90569 5.21622 7.48049 6.33006 6.36C7.07076 5.60938 7.95374 5.01404 8.92732 4.60881C9.90089 4.20359 10.9455 3.99661 12.0001 4C12.6395 4.004 13.2766 4.07777 13.9001 4.22C14.0305 4.26036 14.1679 4.27356 14.3036 4.2588C14.4394 4.24404 14.5707 4.20163 14.6895 4.13418C14.8082 4.06673 14.9119 3.97567 14.9941 3.86662C15.0763 3.75757 15.1353 3.63284 15.1674 3.50011C15.1996 3.36739 15.2042 3.22948 15.181 3.0949C15.1579 2.96032 15.1074 2.83191 15.0326 2.71759C14.9579 2.60327 14.8606 2.50547 14.7466 2.43021C14.6327 2.35495 14.5045 2.30383 14.3701 2.28C13.5932 2.09724 12.7981 2.00331 12.0001 2C10.0244 2.01026 8.09604 2.60552 6.45835 3.71065C4.82066 4.81578 3.54703 6.38126 2.79818 8.20953C2.04932 10.0378 1.85882 12.0469 2.25069 13.9834C2.64257 15.9198 3.59927 17.6968 5.00006 19.09C6.85675 20.9475 9.37371 21.9939 12.0001 22C14.6522 22 17.1958 20.9464 19.0711 19.0711C20.9465 17.1957 22.0001 14.6522 22.0001 12C22.0001 11.7348 21.8947 11.4804 21.7072 11.2929C21.5196 11.1054 21.2653 11 21.0001 11Z" }, null, -1)
   ])]);
 }

package/dist/src/components/UiButton/README.md

@@ -37,7 +37,6 @@ import { UiButton } from "@dpa-id-components/dpa-shared-components";
 | `color`           | `"blue" | "primary-green" "transparent" | "gray"| "light-gray"` | `blue`    | Sets the `color` attribute of the Button                             |
 | `disabled`        | `Boolean`                                                                      | `false`   | Whether the `button` is disabled                                     |
 | `disabledVariant` | `"primary" | "secondary"`                                                 | `primary` | Sets the `background-color` and `border` style of a disabled button. |
-| `rounded`         | `Boolean`                                                                      | `false`   | Whether a rounded `border-radius` is applied to the button           |
 | `iconName`        | `UiIconName`                                                                       | `null`    | If set, represents the name of the Icon before the Button Label      |
 
 ### Events

package/dist/src/components/UiButton/UiButton.spec.ts

@@ -111,15 +111,6 @@ describe("UiButton", () => {
     expect(wrapper.element.hasAttribute("type")).toBe(false);
   });
 
-  it("should render round edges when rounded prop is set", () => {
-    const wrapper = createWrapper({
-      props: {
-        rounded: true,
-      },
-    });
-    expect(wrapper.classes("rounded-full"));
-  });
-
   it("should render icon when icon name is set", () => {
     const iconName = "alert";
     const wrapper = createWrapper({

package/dist/src/components/UiButton/UiButton.stories.ts

@@ -12,7 +12,6 @@ const meta = {
       options: Object.keys(icons),
     },
     disabled: { control: "boolean" },
-    rounded: { control: "boolean" },
     to: { control: "text" },
     color: {
       control: "select",
@@ -37,7 +36,6 @@ const meta = {
   args: {
     iconName: null,
     disabled: false,
-    rounded: false,
     color: "blue",
     size: "large",
     disabledVariant: "primary",

package/dist/src/components/UiButton/UiButton.vue

@@ -3,7 +3,7 @@
     :is="component"
     :class="
       cn(
-        'UiButton inline-flex items-center leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:outline-blue disabled:cursor-not-allowed',
+        'UiButton inline-flex items-center rounded-full leading-normal font-medium whitespace-nowrap not-disabled:cursor-pointer focus:outline-hidden focus-visible:outline-blue disabled:cursor-not-allowed',
         size === 'xs' ? 'px-2' : 'px-4',
         variantClassName,
         sizeClassName,
@@ -43,7 +43,6 @@ const props = withDefaults(
       | "primary-green";
     disabledVariant?: "primary" | "secondary";
     disabled?: boolean;
-    rounded?: boolean;
   }>(),
   {
     to: undefined,
@@ -52,7 +51,6 @@ const props = withDefaults(
     color: "blue",
     disabledVariant: "primary",
     disabled: false,
-    rounded: false,
   },
 );
 
@@ -76,35 +74,35 @@ const attributes = computed(() => {
 });
 
 const variantClassName = computed((): string => {
-  const roundedClass = props.rounded ? "rounded-full" : "rounded-none";
   const btnColor = props.disabled ? "disabled" : props.color;
   switch (btnColor) {
     case "blue": {
-      return `${roundedClass} text-white bg-blue-default hover:bg-blue-dark`;
+      return `text-white bg-blue-default hover:bg-blue-dark`;
     }
     case "primary-green": {
-      return `${roundedClass} text-white bg-green-primary hover:bg-night-green`;
+      return `text-white bg-green-primary hover:bg-night-green`;
     }
     case "transparent": {
-      return `${roundedClass} text-blue-default bg-transparent border border-gray-300 hover:text-blue-dark hover:border-gray-700`;
+      return `text-blue-default bg-transparent border border-gray-300 hover:text-blue-dark hover:border-gray-700`;
     }
     case "white": {
-      return `${roundedClass} text-blue-default bg-white border border-gray-300 hover:text-blue-dark hover:border-gray-700`;
+      return `text-blue-default bg-white border border-gray-300 hover:text-blue-dark hover:border-gray-700`;
     }
     case "gray": {
-      return `${roundedClass} text-white bg-gray-700 hover:bg-gray-800`;
+      return `text-white bg-gray-700 hover:bg-gray-800`;
     }
     case "light-gray": {
-      return `${roundedClass} text-gray-800 bg-gray-100`;
+      return `text-gray-800 bg-gray-100`;
     }
     case "disabled": {
       if (props.disabledVariant === "primary") {
-        return `${roundedClass} text-gray-400 bg-gray-100`;
-      } else
-        return `${roundedClass} text-gray-400 bg-white border border-gray-400`;
+        return `text-gray-400 bg-gray-100`;
+      } else {
+        return `text-gray-400 bg-white border border-gray-400`;
+      }
     }
     default: {
-      return `${roundedClass} text-white bg-blue-default hover:bg-blue-dark`;
+      return `text-white bg-blue-default hover:bg-blue-dark`;
     }
   }
 });

package/dist/src/components/UiDatePicker/UiDatePicker.spec.ts

@@ -1,4 +1,4 @@
-import { mount } from "@vue/test-utils";
+import { flushPromises, mount } from "@vue/test-utils";
 import {
   addMonths,
   differenceInDays,
@@ -15,6 +15,18 @@ import { de } from "date-fns/locale";
 import { describe, expect, it } from "vitest";
 
 import UiDatePicker, { type PresetRange } from "./UiDatePicker.vue";
+const callback = (value: Date | [Date, Date]): string => {
+  if (!Array.isArray(value)) {
+    return "";
+  }
+
+  const difference = differenceInDays(value[0], value[1]);
+  if (difference === 0 && isToday(value[0])) {
+    return "Heute";
+  }
+
+  return "";
+};
 
 const quickfilterDateRanges: PresetRange[] = [
   {
@@ -89,6 +101,7 @@ describe("Datepicker", () => {
     //click on input to close modal again
     await wrapper.find("#desktop-datepicker").trigger("click");
   });
+
   it("should show quickfilters when open ", async () => {
     await wrapper.find("#desktop-datepicker").trigger("click");
     expect(wrapper.find("dp__sidebar_left"));
@@ -98,6 +111,7 @@ describe("Datepicker", () => {
     //click on input to close modal again
     await wrapper.find("#desktop-datepicker").trigger("click");
   });
+
   it("shows current and next month by default ", async () => {
     await wrapper.find("#desktop-datepicker").trigger("click");
     const now = new Date();
@@ -108,13 +122,8 @@ describe("Datepicker", () => {
     wrapper.find(nameOfNextMonth);
   });
 });
+
 describe("Datepicker Quickfilter", () => {
-  const callback = (value: [Date, Date]) => {
-    const difference = differenceInDays(value[0], value[1]);
-    if (difference === 0 && isToday(value[0])) {
-      return "Heute";
-    }
-  };
   it("should emit range for Heute Quickfilter", async () => {
     const wrapper = mount(UiDatePicker, {
       props: {
@@ -123,6 +132,8 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     await wrapper.find("[data-testid='Heute']").trigger("click");
     expect(wrapper.emitted()["quickfilter-changed"][0]).toStrictEqual([
       quickfilterDateRanges[0],
@@ -136,6 +147,8 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     await wrapper.find("[data-testid='Heute']").trigger("click");
     expect(wrapper.emitted()["quickfilter-changed"][0]).toEqual([
       quickfilterDateRanges[0],
@@ -150,6 +163,7 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     await wrapper.find("[data-testid='Dieser Monat']").trigger("click");
     expect(wrapper.emitted()["quickfilter-changed"][0]).toEqual([
@@ -165,6 +179,7 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     await wrapper.find("[data-testid='Dieses Jahr']").trigger("click");
 
@@ -181,6 +196,7 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     await wrapper.find("[data-testid='Letzter Monat']").trigger("click");
 
@@ -197,6 +213,7 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     await wrapper.find("[data-testid='Letztes Jahr']").trigger("click");
 
@@ -213,6 +230,7 @@ describe("Datepicker Quickfilter", () => {
       },
     });
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     await wrapper.find("[data-testid='Gesamte Zeit']").trigger("click");
     expect(wrapper.emitted()["quickfilter-changed"][0]).toEqual([
@@ -229,6 +247,8 @@ describe("Datepicker Quickfilter", () => {
     });
     const inputButton = wrapper.get("#desktop-datepicker");
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     await wrapper.find("[data-testid='Heute']").trigger("click");
     expect(inputButton.text()).toBe(`${formattedDate}-${formattedDate}`);
   });
@@ -236,12 +256,6 @@ describe("Datepicker Quickfilter", () => {
 
 describe("custom date formatter", () => {
   it("should format selected date according to provided formatter function for input box ui", async () => {
-    const callback = (value: [Date, Date]) => {
-      const difference = differenceInDays(value[0], value[1]);
-      if (difference === 0 && isToday(value[0])) {
-        return "Heute";
-      }
-    };
     const wrapper = mount(UiDatePicker, {
       props: {
         customFormatCallback: callback,
@@ -251,17 +265,13 @@ describe("custom date formatter", () => {
     });
 
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     await wrapper.find("[data-testid='Heute']").trigger("click");
     expect(wrapper.find("input").element.value).toBe("Heute");
   });
 
   it("should format selected date according to provided formatter function for filter button ui", async () => {
-    const callback = (value: [Date, Date]) => {
-      const difference = differenceInDays(value[0], value[1]);
-      if (difference === 0 && isToday(value[0])) {
-        return "Heute";
-      }
-    };
     const wrapper = mount(UiDatePicker, {
       props: {
         customFormatCallback: callback,
@@ -271,6 +281,8 @@ describe("custom date formatter", () => {
     });
 
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     await wrapper.find("[data-testid='Heute']").trigger("click");
     expect(wrapper.find("[data-testid='filterbutton-title']").text()).toBe(
       "Heute",
@@ -287,6 +299,7 @@ describe("Action Area content", function () {
     });
 
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
 
     const actionArea = wrapper.find(".dp__action_extra");
     expect(actionArea.text()).toBe("Test to show string");
@@ -303,6 +316,8 @@ describe("Action Area content", function () {
     });
 
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     const actionArea = wrapper.find(".dp__action_extra");
     expect(actionArea.text()).not.toBe("Test to show string");
     expect(actionArea.text()).toBe("This is another string");
@@ -312,6 +327,8 @@ describe("Action Area content", function () {
     const wrapper = mount(UiDatePicker, {});
 
     await wrapper.find("#desktop-datepicker").trigger("click");
+    await flushPromises();
+
     const actionArea = wrapper.find(".dp__action_extra");
     expect(actionArea.text()).toBe("");
   });

package/dist/src/components/UiDatePicker/UiDatePicker.stories.ts

@@ -20,7 +20,11 @@ import UiDatePicker from "./UiDatePicker.vue";
 
 const singleDate = "2022-03-07T23:00:00.000Z";
 const dateRange = ["2022-03-07T23:00:00.000Z", "2022-03-11T23:00:00.000Z"];
-const callback = (date: [Date, Date]) => {
+const callback = (date: Date | [Date, Date]): string => {
+  if (!Array.isArray(date)) {
+    return "";
+  }
+
   const difference = differenceInDays(date[0], date[1]);
   if (difference === 0 && isToday(date[0])) {
     return "Heute";
@@ -34,7 +38,8 @@ const callback = (date: [Date, Date]) => {
   if (isToday(date[1]) && differenceInDays(date[0], new Date()) <= 7) {
     return "Letzte " + differenceInDays(new Date(), date[0]) + " Tage";
   }
-  return null;
+
+  return "";
 };
 
 const meta = {
@@ -103,7 +108,6 @@ const meta = {
       options: [dateRange, undefined],
     },
     quickFilterRanges: { table: { disable: true } },
-    locale: { table: { disable: true } },
     autoRange: {
       control: "select",
       options: [1, 2, 3, 4, 5, 6],
@@ -135,7 +139,7 @@ const meta = {
     placeholderText: "ab heute",
     selectedDate: singleDate,
     autoRange: undefined,
-    customFormatCallback: () => null,
+    customFormatCallback: () => "",
     iconLeft: null,
     enableQuickfilterToggle: false,
   },
@@ -206,6 +210,7 @@ export const AsRangepickerWithMenu: Story = {
     ],
   },
 };
+
 export const MonthPicker: Story = {
   args: {
     definesRange: false,

package/dist/src/components/UiDatePicker/UiDatePicker.vue

@@ -1,48 +1,52 @@
 <template>
   <div>
-    <Datepicker
-      ref="datePickerRef"
+    <VueDatePicker
+      ref="datePicker"
       v-model="date"
       offset="10"
       :inline="inline"
-      :utc="utc"
+      :timezone="utc ? 'utc' : undefined"
       :class="{
         dynamicPadding: multiCalendars,
         singleCalWidth: !multiCalendars,
         singleCalWithSidebar: !multiCalendars && leftSidebar,
       }"
       :text-input="!roundedEdges"
-      :text-input-options="{
-        format: formatInput,
-      }"
       :ui="uiConfig"
-      :multi-calendars="multiCalendars as boolean"
-      :locale="locale as string"
-      :enable-time-picker="enableTimePicker as boolean"
-      :auto-apply="autoApply as boolean"
-      :close-on-auto-apply="closeOnAutoApply as boolean"
-      :clearable="false"
-      :format="formatInput"
-      :min-date="minDate as Date"
-      :max-date="maxDate as Date"
-      :month-change-on-scroll="false"
+      :multi-calendars="multiCalendars"
+      :locale="locale"
+      :time-config="{ enableTimePicker }"
+      :auto-apply="autoApply"
+      :close-on-auto-apply="closeOnAutoApply"
+      :input-attrs="{ clearable: false }"
+      :formats="{ input: formatInput }"
+      :min-date="minDate"
+      :max-date="maxDate"
       :prevent-min-max-navigation="true"
       :year-range="getAvailableDateRange"
-      :auto-position="autoPosition as boolean"
       :transitions="false"
-      position="left"
-      :disabled="disabledState as boolean"
-      :keep-action-row="actionArea as boolean"
-      :month-picker="monthPicker as boolean"
+      :floating="{
+        arrow: menuArrow ?? false,
+        flip: autoPosition,
+        placement: 'bottom-start',
+      }"
+      :disabled="disabledState"
+      :keep-action-row="actionArea"
+      :month-picker="monthPicker"
       :teleport="teleport"
       :config="{
         closeOnScroll,
+        monthChangeOnScroll: false,
       }"
       v-bind="
         monthPicker
           ? {}
           : {
-              range: rangeConfig,
+              range: {
+                autoRange: props.autoRange,
+                maxRange: props.maxRange,
+                partialRange: false,
+              },
               startDate: Array.isArray(props.selectedDate)
                 ? props.selectedDate[0]
                 : (props.selectedDate as Date),
@@ -130,34 +134,33 @@
         <div
           class="flex w-full justify-between border-t-2 border-t-gray-200 p-0"
         >
-          <UiButton
-            class="my-4 ml-4 p-0"
-            color="white"
-            :rounded="true"
-            @click="handleCancel"
+          <UiButton class="my-4 ml-4 p-0" color="white" @click="handleCancel"
             >{{ cancel }}
           </UiButton>
           <UiButton
             class="my-4 mr-4 p-0"
             color="blue"
-            :rounded="true"
             data-testid="ui-mobile-datepicker-submit-button"
             @click="selectDate"
             >{{ submit }}
           </UiButton>
         </div>
       </template>
-    </Datepicker>
+
+      <template #arrow>
+        <div ref="menu-arrow" class="dp__arrow_top"></div>
+      </template>
+    </VueDatePicker>
   </div>
 </template>
 
 <script setup lang="ts">
 import "@vuepic/vue-datepicker/dist/main.css";
 
-import Datepicker, { type RangeConfig } from "@vuepic/vue-datepicker";
-import { format, getYear, startOfMonth } from "date-fns";
+import { VueDatePicker } from "@vuepic/vue-datepicker";
+import { format, getYear, type Locale, startOfMonth } from "date-fns";
 import { de } from "date-fns/locale";
-import { computed, ref, watch, watchEffect } from "vue";
+import { computed, ref, useTemplateRef, watch, watchEffect } from "vue";
 
 import UiButton from "../UiButton/UiButton.vue";
 import UiFilterButton from "../UiFilterButton/UiFilterButton.vue";
@@ -191,7 +194,7 @@ const props = withDefaults(
     autoApply?: boolean;
     closeOnAutoApply?: boolean;
     roundedEdges?: boolean;
-    locale?: string;
+    locale?: Locale;
     placeholderText?: string;
     quickFilterRanges?: PresetRange[];
     quickFilterHeadline?: string;
@@ -210,7 +213,7 @@ const props = withDefaults(
     activeState?: boolean;
     disabledState?: boolean;
     monthPicker?: boolean;
-    customFormatCallback?: any;
+    customFormatCallback?: (date: Date | [Date, Date]) => string;
     inputLabel?: string;
     iconLeft?: UiIconName | null;
     inline?: boolean;
@@ -222,7 +225,7 @@ const props = withDefaults(
   {
     definesRange: true,
     multiCalendars: true,
-    locale: "de",
+    locale: () => de,
     enableTimePicker: false,
     autoApply: true,
     closeOnAutoApply: true,
@@ -256,15 +259,11 @@ const props = withDefaults(
   },
 );
 
-const datePickerRef = ref();
+const datePickerRef = useTemplateRef("datePicker");
+const menuArrow = ref();
 
 const date = ref<DateType>();
 
-const rangeConfig = ref<RangeConfig>({
-  autoRange: props.autoRange,
-  maxRange: props.maxRange,
-});
-
 const uiConfig = ref({
   menu: "datepicker-wrapper",
   calendar: "datepicker-calendar-instance",
@@ -296,12 +295,12 @@ const formatRange = (dateRange: [Date, Date]): string => {
 const formatSingle = (date: Date): string => {
   const selectedDate = format(new Date(date), "dd.MM.yyyy");
   const selectedMonth = format(startOfMonth(new Date(date)), "MMMM yyyy", {
-    locale: de,
+    locale: props.locale,
   });
   return props.monthPicker ? selectedMonth : selectedDate;
 };
 
-const formatInput = (date: Date | [Date, Date]) => {
+const formatInput = (date: Date | [Date, Date]): string => {
   if (props.customFormatCallback) {
     return props.customFormatCallback(date);
   } else {
@@ -311,7 +310,7 @@ const formatInput = (date: Date | [Date, Date]) => {
   }
 };
 
-const getAvailableDateRange = computed(() => {
+const getAvailableDateRange = computed<[number, number]>(() => {
   const nextTenYears = getYear(new Date()) + 10;
   return [props.firstAvailableDate, nextTenYears];
 });

package/dist/src/components/UiInfoContent/UiInfoContent.stories.ts

@@ -43,8 +43,8 @@ const meta = {
       "</template>" +
       "Leider konnten wir keine Ergebnisse finden. Bitte passen Sie Ihre Suchanfrage an oder speichern Sie die Suche trotzdem, um über Treffer informiert zu werden." +
       "<template #actions>" +
-      "<UiButton color='blue' :rounded='true'>Suche trotzdem speichern</UiButton>" +
-      "<UiButton color='gray' :rounded='true'>Suche löschen</UiButton>" +
+      "<UiButton color='blue'>Suche trotzdem speichern</UiButton>" +
+      "<UiButton color='gray'>Suche löschen</UiButton>" +
       "</template>" +
       "</UiInfoContent>",
   }),

package/dist/src/components/UiMenu/UiMenu.vue

@@ -145,7 +145,6 @@
             data-testid="reset-button"
           >
             <UiButton
-              rounded
               color="transparent"
               :disabled="disabledReset"
               disabled-variant="secondary"

package/dist/src/components/UiSearchBar/UiSearchBar.stories.ts

@@ -99,7 +99,6 @@ export const WithActionButtons: Story = {
         </template>
         <template #extendedSearchButton>
           <UiButton
-            rounded
             size="xs"
             class="border-none mr-1 font-semibold text-gray-800 hover:text-blue-default"
             color="transparent"
@@ -175,7 +174,6 @@ export const WithChips: Story = {
         </template>
         <template #extendedSearchButton>
           <UiButton
-            rounded
             size="xs"
             class="border-none mr-1 font-semibold text-gray-800 hover:text-blue-default"
             color="transparent"

package/dist/{standard-view-Z3l4DIew.js → standard-view-CoPKZg0d.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-BmYuqTg-.js";
+import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
+import { _ as n } from "./index-D6h6GIJr.js";
 const s = {}, c = {
   width: "18",
   height: "18",
@@ -7,7 +7,7 @@ const s = {}, c = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function d(i, t) {
-  return o(), e("svg", c, [...t[0] || (t[0] = [
+  return e(), o("svg", c, [...t[0] || (t[0] = [
     r("path", { d: "M2 16V12H16L16.001 16H2ZM16 10H2C0.897 10 0 10.897 0 12V16C0 17.103 0.897 18 2 18H16C17.103 18 18 17.103 18 16V12C18 10.897 17.103 10 16 10ZM2 6V2H16L16.001 6H2ZM16 0H2C0.897 0 0 0.897 0 2V6C0 7.103 0.897 8 2 8H16C17.103 8 18 7.103 18 6V2C18 0.897 17.103 0 16 0Z" }, null, -1)
   ])]);
 }

package/dist/{star-13OoihW_.js → star-CAmqOp94.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as e, openBlock as L, createElementVNode as o } from "vue";
-import { _ as r } from "./index-BmYuqTg-.js";
+import { openBlock as e, createElementBlock as L, createElementVNode as o } from "vue";
+import { _ as r } from "./index-D6h6GIJr.js";
 const C = {}, n = {
   width: "24",
   height: "24",
@@ -7,7 +7,7 @@ const C = {}, n = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function s(c, t) {
-  return L(), e("svg", n, [...t[0] || (t[0] = [
+  return e(), L("svg", n, [...t[0] || (t[0] = [
     o("path", {
       d: "M11.9995 16.05C12.1585 16.05 12.3175 16.088 12.4625 16.163L16.2315 18.133L15.5145 13.976C15.4575 13.65 15.5665 13.318 15.8045 13.087L18.8405 10.151L14.6375 9.539C14.3125 9.492 14.0315 9.289 13.8855 8.995L11.9995 5.201L10.1135 8.995C9.96755 9.289 9.68655 9.492 9.36155 9.539L5.15855 10.151L8.19455 13.087C8.43255 13.318 8.54155 13.65 8.48455 13.976L7.76755 18.133L11.5365 16.163C11.6815 16.088 11.8405 16.05 11.9995 16.05ZM17.5615 20.955C17.4025 20.955 17.2435 20.918 17.0985 20.842L11.9995 18.178L6.90055 20.842C6.56255 21.018 6.15455 20.987 5.84955 20.763C5.54155 20.539 5.38855 20.16 5.45255 19.785L6.42455 14.157L2.30455 10.172C2.02955 9.907 1.93155 9.509 2.04855 9.146C2.16455 8.783 2.47855 8.519 2.85555 8.464L8.55655 7.636L11.1035 2.51C11.4415 1.83 12.5575 1.83 12.8955 2.51L15.4425 7.636L21.1435 8.464C21.5205 8.519 21.8345 8.783 21.9505 9.146C22.0675 9.509 21.9695 9.907 21.6945 10.172L17.5745 14.157L18.5465 19.785C18.6105 20.16 18.4575 20.539 18.1495 20.763C17.9765 20.891 17.7695 20.955 17.5615 20.955Z",
       fill: "currentColor"

package/dist/{star-fill-CFT7DdV-.js → star-fill-_nbaZDjd.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-BmYuqTg-.js";
+import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
+import { _ as n } from "./index-D6h6GIJr.js";
 const l = {}, s = {
   width: "24",
   height: "24",
@@ -7,7 +7,7 @@ const l = {}, s = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function c(C, t) {
-  return o(), e("svg", s, [...t[0] || (t[0] = [
+  return e(), o("svg", s, [...t[0] || (t[0] = [
     r("path", {
       d: "M17.5614 20.955C17.4034 20.955 17.2444 20.918 17.0984 20.842L11.9994 18.178L6.90138 20.842C6.56338 21.017 6.15538 20.987 5.84938 20.763C5.54138 20.539 5.38838 20.16 5.45338 19.785L6.42438 14.157L2.30438 10.172C2.03038 9.907 1.93138 9.509 2.04838 9.145C2.16538 8.783 2.47838 8.518 2.85638 8.464L8.55638 7.636L11.1044 2.51C11.4424 1.83 12.5574 1.83 12.8954 2.51L15.4434 7.636L21.1434 8.464C21.5214 8.518 21.8344 8.783 21.9514 9.145C22.0684 9.509 21.9694 9.907 21.6954 10.172L17.5754 14.157L18.5464 19.785C18.6114 20.16 18.4574 20.539 18.1504 20.763C17.9764 20.891 17.7694 20.955 17.5614 20.955Z",
       fill: "currentColor"

package/dist/{star-filled-nTIZBLTZ.js → star-filled-CbFZeAVc.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-BmYuqTg-.js";
+import { openBlock as e, createElementBlock as o, createElementVNode as r } from "vue";
+import { _ as n } from "./index-D6h6GIJr.js";
 const s = {}, c = {
   width: "24",
   height: "24",
@@ -7,7 +7,7 @@ const s = {}, c = {
   xmlns: "http://www.w3.org/2000/svg"
 };
 function l(C, t) {
-  return o(), e("svg", c, [...t[0] || (t[0] = [
+  return e(), o("svg", c, [...t[0] || (t[0] = [
     r("path", { d: "M17.5614 20.955C17.4034 20.955 17.2444 20.918 17.0984 20.842L11.9994 18.178L6.90138 20.842C6.56338 21.017 6.15538 20.987 5.84938 20.763C5.54138 20.539 5.38838 20.16 5.45338 19.785L6.42438 14.157L2.30438 10.172C2.03038 9.907 1.93138 9.509 2.04838 9.145C2.16538 8.783 2.47838 8.518 2.85638 8.464L8.55638 7.636L11.1044 2.51C11.4424 1.83 12.5574 1.83 12.8954 2.51L15.4434 7.636L21.1434 8.464C21.5214 8.518 21.8344 8.783 21.9514 9.145C22.0684 9.509 21.9694 9.907 21.6954 10.172L17.5754 14.157L18.5464 19.785C18.6114 20.16 18.4574 20.539 18.1504 20.763C17.9764 20.891 17.7694 20.955 17.5614 20.955Z" }, null, -1)
   ])]);
 }