@ecohouse/ui 0.1.10 → 0.1.12

package/dist/index.cjs

@@ -621,6 +621,28 @@ function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
   ) });
 }
 
+// src/icons/Menu/menuPath.ts
+var MENU_PATH = "M8 12.6667H17.3333M1 6.83332H17.3333M8 0.999985H17.3333";
+var MENU_CLOSE_PATH = "M15 1L1 15M1 1L15 15";
+function MenuIcon({
+  size = 19,
+  color = colors.white,
+  strokeWidth = 2,
+  open = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Svg__default.default, { width: size, height: size, viewBox: "0 0 19 19", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+    Svg.Path,
+    {
+      d: open ? MENU_CLOSE_PATH : MENU_PATH,
+      stroke: color,
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      transform: open ? "translate(1.5 1.5)" : "translate(0 2.5)"
+    }
+  ) });
+}
+
 // src/icons/Minus/minusPath.ts
 var MINUS_PATH = "M3.33337 8H12.6667";
 function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
@@ -877,6 +899,7 @@ var icons = {
   linkedin: LinkedInIcon,
   logOut: LogOutIcon,
   mail: MailIcon,
+  menu: MenuIcon,
   minus: MinusIcon,
   navigate: NavigateIcon,
   phone: PhoneIcon,
@@ -893,7 +916,7 @@ var icons = {
 };
 var iconNames = Object.keys(icons);
 var iconGroups = {
-  navigation: ["arrowRight", "chevronDown", "chevronLeft", "home", "navigate"],
+  navigation: ["arrowRight", "chevronDown", "chevronLeft", "home", "menu", "navigate"],
   actions: [
     "show",
     "bell",
@@ -1899,10 +1922,7 @@ var styles6 = reactNative.StyleSheet.create({
     gap: 8,
     borderRadius: 12,
     backgroundColor: colors.whiteAlpha6,
-    ...reactNative.Platform.select({
-      web: { boxShadow: `0 8px 24px ${colors.black}73` },
-      default: { elevation: 8 }
-    })
+    overflow: "hidden"
   },
   item: {
     height: CONTROL_HEIGHT,
@@ -2045,6 +2065,7 @@ var Button = react.forwardRef(
         paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,
         gap: hasIcon ? metrics.gap : 0
       },
+      hasIcon ? styles8.contentWithIcon : styles8.contentWithoutIcon,
       disabled && styles8.disabled,
       style
     ];
@@ -2100,6 +2121,12 @@ var styles8 = reactNative.StyleSheet.create({
   disabled: {
     opacity: 0.6
   },
+  contentWithIcon: {
+    justifyContent: "space-between"
+  },
+  contentWithoutIcon: {
+    justifyContent: "center"
+  },
   label: {},
   labelAndroid: {
     includeFontPadding: false
@@ -2306,6 +2333,7 @@ var DatePicker = react.forwardRef(
       weekdayLabels = DEFAULT_WEEKDAY_LABELS,
       formatValue = formatDate,
       weekStartsOn = 1,
+      calendarStyle,
       style,
       className,
       accessibilityLabel,
@@ -2460,7 +2488,7 @@ var DatePicker = react.forwardRef(
               ]
             }
           ),
-          isOpen ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles10.menu, children: [
+          isOpen ? /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles10.menu, calendarStyle], children: [
             /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles10.calendarHeader, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 reactNative.Pressable,
@@ -2640,7 +2668,7 @@ var styles10 = reactNative.StyleSheet.create({
     position: "absolute",
     top: "100%",
     left: 0,
-    right: 0,
+    width: DEFAULT_WIDTH,
     marginTop: 8,
     zIndex: 10,
     borderRadius: MENU_RADIUS2,
@@ -4187,6 +4215,7 @@ exports.LayoutGridIcon = LayoutGridIcon;
 exports.LinkedInIcon = LinkedInIcon;
 exports.LogOutIcon = LogOutIcon;
 exports.MailIcon = MailIcon;
+exports.MenuIcon = MenuIcon;
 exports.MenuItem = MenuItem;
 exports.MinusIcon = MinusIcon;
 exports.NavigateIcon = NavigateIcon;