@symbo.ls/uikit 2.11.75 → 2.11.76

package/dist/index.cjs.js

@@ -14099,7 +14099,13 @@ var IconText = {
     props: {},
     if: ({ props: props7 }) => props7.name || props7.icon
   },
-  text: ({ props: props7 }) => props7.text
+  text: ({ props: props7 }) => props7.text,
+  ".reversed": {
+    props: { flow: "row-reverse" }
+  },
+  ".vertical": {
+    props: { flow: "column" }
+  }
 };
 
 // Button/index.js
@@ -14241,7 +14247,7 @@ var DialogFooter = {
     extend: Button,
     props: {
       theme: "primary @dark .color-only",
-      fontSize: "Z1",
+      fontSize: "Z",
       textTransform: "uppercase",
       background: "transparent",
       "&": {
@@ -14265,18 +14271,59 @@ var DialogFooter = {
 
 // Datepicker/index.js
 var import_headless_datepicker = __toESM(require_headless_datepicker());
-var calendar = new import_headless_datepicker.HeadlessDatepicker.Calendar({
-  calendarMode: "exact"
-});
-var extractMonthDays = (data) => {
-  const result = [];
-  data.weeks.forEach((week) => {
-    week.dates.forEach((date) => {
-      result.push(date);
-    });
-  });
-  return result;
+
+// Datepicker/days.js
+var DatePickerDay = {
+  extend: Button,
+  state: true,
+  props: ({ state, key }) => {
+    const isSelected = state.parent.activeDay === parseInt(key) + 1;
+    const gridColumnStart = 7 - state.parent.weekItems.weeks[0].dates.length;
+    return {
+      isSelected,
+      textAlign: "center",
+      fontSize: "Z1",
+      round: "100%",
+      height: "B1",
+      aspectRatio: "1/1",
+      lineHeight: ".9",
+      background: "transparent",
+      theme: "secondary @dark .color",
+      text: parseInt(key) + 1,
+      ":first-child": {
+        style: { gridColumnStart }
+      },
+      ".isSelected": { theme: "primary" },
+      "!isSelected": {
+        ":hover": { theme: "secondary" },
+        ":nth-child(7n-1), &:nth-child(7n)": { opacity: ".5" }
+      }
+    };
+  },
+  on: {
+    click: (event, element, state) => {
+      state.parent.parent.update({
+        active: state.parse()
+      });
+      console.log(state);
+    }
+  }
+};
+var DatePickerGrid = {
+  extend: Grid,
+  props: {
+    columns: "repeat(7, 1fr)",
+    minWidth: "100%",
+    gap: "W2",
+    padding: "- Z"
+  },
+  childExtend: DatePickerDay,
+  $setStateCollection: (el, s) => {
+    return s.days;
+  }
 };
+
+// Datepicker/years.js
 var DatePickerYears = {
   tag: "aside",
   props: {
@@ -14362,6 +14409,8 @@ var DatePickerYears = {
     }
   }
 };
+
+// Datepicker/months.js
 var DatePickerMonthsSlider = {
   extend: Flex,
   props: {
@@ -14450,6 +14499,8 @@ var DatePickerMonthsSlider = {
   },
   Button_right: { icon: "arrowRight" }
 };
+
+// Datepicker/weekdays.js
 var DatePickerWeekDays = {
   extend: Grid,
   props: {
@@ -14479,54 +14530,19 @@ var DatePickerWeekDays = {
     { text: "Su" }
   ]
 };
-var DatePickerDay = {
-  extend: Button,
-  state: true,
-  props: ({ state, key }) => {
-    const isSelected = state.parent.activeDay === parseInt(key) + 1;
-    const gridColumnStart = 7 - state.parent.weekItems.weeks[0].dates.length;
-    return {
-      isSelected,
-      textAlign: "center",
-      fontSize: "Z1",
-      round: "100%",
-      height: "B1",
-      aspectRatio: "1/1",
-      lineHeight: ".9",
-      background: "transparent",
-      theme: "secondary @dark .color",
-      text: parseInt(key) + 1,
-      ":first-child": {
-        style: { gridColumnStart }
-      },
-      ".isSelected": { theme: "primary" },
-      "!isSelected": {
-        ":hover": { theme: "secondary" },
-        ":nth-child(7n-1), &:nth-child(7n)": { opacity: ".5" }
-      }
-    };
-  },
-  on: {
-    click: (event, element, state) => {
-      state.parent.parent.update({
-        active: state.parse()
-      });
-      console.log(state);
-    }
-  }
-};
-var DatePickerGrid = {
-  extend: Grid,
-  props: {
-    columns: "repeat(7, 1fr)",
-    minWidth: "100%",
-    gap: "W2",
-    padding: "- Z"
-  },
-  childExtend: DatePickerDay,
-  $setStateCollection: (el, s) => {
-    return s.days;
-  }
+
+// Datepicker/index.js
+var calendar = new import_headless_datepicker.HeadlessDatepicker.Calendar({
+  calendarMode: "exact"
+});
+var extractMonthDays = (data) => {
+  const result = [];
+  data.weeks.forEach((week) => {
+    week.dates.forEach((date) => {
+      result.push(date);
+    });
+  });
+  return result;
 };
 var monthNumbersContainer = {
   props: {
@@ -14576,7 +14592,7 @@ var monthNumbersContainer = {
 };
 var props = {
   yearRange: [1993, 2023],
-  maxHeight: "318px",
+  maxHeight: "G+B",
   boxSize: "fit-content fit-content",
   style: {
     button: {