@connectif/ui-components 2.3.2 → 2.3.4

package/dist/components/icon/icons.d.ts

@@ -606,6 +606,7 @@ export declare const icons: {
     'division-box': string;
     dna: string;
     dns: string;
+    'dns-outline': string;
     'do-not-disturb': string;
     'do-not-disturb-off': string;
     dolby: string;

package/dist/index.js

@@ -1479,6 +1479,7 @@ import {
   mdiDivisionBox,
   mdiDna,
   mdiDns,
+  mdiDnsOutline,
   mdiDomain,
   mdiSquareRounded,
   mdiDotsHorizontal,
@@ -3260,6 +3261,7 @@ var icons = {
   "division-box": mdiDivisionBox,
   dna: mdiDna,
   dns: mdiDns,
+  "dns-outline": mdiDnsOutline,
   "do-not-disturb": mdiMinusCircle,
   "do-not-disturb-off": mdiMinusCircleOff,
   dolby: "M2,5V19H22V5H2M6,17H4V7H6C8.86,7.09 11.1,9.33 11,12C11.1,14.67 8.86,16.91 6,17M20,17H18C15.14,16.91 12.9,14.67 13,12C12.9,9.33 15.14,7.09 18,7H20V17Z",
@@ -16022,10 +16024,15 @@ function formatDate(date, locale, timezone, format2) {
   const options = getDateTimeFormatOptions(timezone, format2);
   return new Intl.DateTimeFormat(locale, options).format(date);
 }
-function getWeekDayNamesForLocale(locale, format2 = "long") {
-  const f = new Intl.DateTimeFormat(locale, { weekday: format2 }).format;
-  return Array.from(Array(7).keys()).map(
-    (day) => f(new Date(Date.UTC(2021, 5, day)))
+function getWeekDayNamesForLocale(locale, format2 = "long", timezone = "UTC") {
+  const formatter = new Intl.DateTimeFormat(locale, {
+    weekday: format2,
+    timeZone: timezone
+  }).format;
+  const mondayAnchor = tz({ year: 2021, month: 5, date: 7 }, timezone);
+  return Array.from(
+    { length: 7 },
+    (_v, i) => formatter(mondayAnchor.clone().add(i, "day").toDate())
   );
 }
 function getDateInputFormatForLocale(locale) {
@@ -19252,14 +19259,14 @@ var CalendarMonth_default = CalendarMonth;
 import * as React53 from "react";
 import { jsx as jsx103 } from "react/jsx-runtime";
 var DaysOfWeekRow = () => {
-  const { locale } = React53.useContext(IntlContext);
+  const { locale, timezone } = React53.useContext(IntlContext);
   const daysOfWeekLong = React53.useMemo(
-    () => getWeekDayNamesForLocale(locale, "long"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "long", timezone),
+    [locale, timezone]
   );
   const daysOfWeek = React53.useMemo(
-    () => getWeekDayNamesForLocale(locale, "narrow"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "narrow", timezone),
+    [locale, timezone]
   );
   return /* @__PURE__ */ jsx103(
     Stack_default,
@@ -20724,14 +20731,14 @@ var TimezoneSelector_default = TimezoneSelector;
 import * as React59 from "react";
 import { jsx as jsx112 } from "react/jsx-runtime";
 var DaysOfWeekPicker = ({ value, onChange }) => {
-  const { locale } = React59.useContext(IntlContext);
+  const { locale, timezone } = React59.useContext(IntlContext);
   const daysOfWeekLong = React59.useMemo(
-    () => getWeekDayNamesForLocale(locale, "long"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "long", timezone),
+    [locale, timezone]
   );
   const daysOfWeek = React59.useMemo(
-    () => getWeekDayNamesForLocale(locale, "narrow"),
-    [locale]
+    () => getWeekDayNamesForLocale(locale, "narrow", timezone),
+    [locale, timezone]
   );
   const daysOfWeekValues = [
     "monday",