@ecohouse/ui 0.1.42 → 0.1.43

package/dist/index.cjs

@@ -9455,15 +9455,15 @@ var require_react_dom_development = __commonJS({
           };
         }
         var warnValidStyle$1 = warnValidStyle;
-        function createDangerousStringForStyles(styles40) {
+        function createDangerousStringForStyles(styles41) {
           {
             var serialized = "";
             var delimiter = "";
-            for (var styleName in styles40) {
-              if (!styles40.hasOwnProperty(styleName)) {
+            for (var styleName in styles41) {
+              if (!styles41.hasOwnProperty(styleName)) {
                 continue;
               }
-              var styleValue = styles40[styleName];
+              var styleValue = styles41[styleName];
               if (styleValue != null) {
                 var isCustomProperty = styleName.indexOf("--") === 0;
                 serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ":";
@@ -9474,19 +9474,19 @@ var require_react_dom_development = __commonJS({
             return serialized || null;
           }
         }
-        function setValueForStyles(node, styles40) {
+        function setValueForStyles(node, styles41) {
           var style2 = node.style;
-          for (var styleName in styles40) {
-            if (!styles40.hasOwnProperty(styleName)) {
+          for (var styleName in styles41) {
+            if (!styles41.hasOwnProperty(styleName)) {
               continue;
             }
             var isCustomProperty = styleName.indexOf("--") === 0;
             {
               if (!isCustomProperty) {
-                warnValidStyle$1(styleName, styles40[styleName]);
+                warnValidStyle$1(styleName, styles41[styleName]);
               }
             }
-            var styleValue = dangerousStyleValue(styleName, styles40[styleName], isCustomProperty);
+            var styleValue = dangerousStyleValue(styleName, styles41[styleName], isCustomProperty);
             if (styleName === "float") {
               styleName = "cssFloat";
             }
@@ -9500,9 +9500,9 @@ var require_react_dom_development = __commonJS({
         function isValueEmpty(value) {
           return value == null || typeof value === "boolean" || value === "";
         }
-        function expandShorthandMap(styles40) {
+        function expandShorthandMap(styles41) {
           var expanded = {};
-          for (var key in styles40) {
+          for (var key in styles41) {
             var longhands = shorthandToLonghand[key] || [key];
             for (var i = 0; i < longhands.length; i++) {
               expanded[longhands[i]] = key;
@@ -29793,6 +29793,34 @@ function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
   ) });
 }
 
+// src/icons/MoonStars/moonStarsPaths.ts
+var MOON_STARS_SPARKLE_PATH = "M11.4167 0.75L11.8285 1.57372C12.0055 1.92771 12.094 2.1047 12.2122 2.25808C12.3171 2.39417 12.4392 2.51618 12.5753 2.62109C12.7286 2.73932 12.9056 2.82781 13.2596 3.00481L14.0833 3.41667L13.2596 3.82853C12.9056 4.00552 12.7286 4.09402 12.5753 4.21224C12.4392 4.31715 12.3171 4.43916 12.2122 4.57526C12.094 4.72863 12.0055 4.90563 11.8285 5.25961L11.4167 6.08333L11.0048 5.25961C10.8278 4.90563 10.7393 4.72863 10.6211 4.57526C10.5162 4.43916 10.3942 4.31715 10.2581 4.21224C10.1047 4.09402 9.92771 4.00552 9.57372 3.82853L8.75 3.41667L9.57372 3.00481C9.92771 2.82781 10.1047 2.73932 10.2581 2.62109C10.3942 2.51618 10.5162 2.39417 10.6211 2.25808C10.7393 2.1047 10.8278 1.92771 11.0048 1.57372L11.4167 0.75Z";
+var MOON_STARS_MOON_PATH = "M13.4167 8.34286C12.5427 9.876 10.893 10.9097 9.00196 10.9097C6.19739 10.9097 3.92383 8.63612 3.92383 5.83155C3.92383 3.94036 4.95766 2.29063 6.491 1.41667C3.26986 1.72208 0.75 4.43461 0.75 7.73569C0.75 11.2414 3.59195 14.0833 7.09766 14.0833C10.3986 14.0833 13.111 11.5637 13.4167 8.34286Z";
+function MoonStarsIcon({ size = 15, color = colors.primary, strokeWidth = 1.5 }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Svg23__default.default, { width: size, height: size, viewBox: "0 0 15 15", fill: "none", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Svg23.Path,
+      {
+        d: MOON_STARS_SPARKLE_PATH,
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Svg23.Path,
+      {
+        d: MOON_STARS_MOON_PATH,
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+
 // src/icons/MoreHorizontal/moreHorizontalPath.ts
 var MORE_HORIZONTAL_PATH = "M6.33333 2.33333C6.70152 2.33333 7 2.03486 7 1.66667C7 1.29848 6.70152 1 6.33333 1C5.96514 1 5.66667 1.29848 5.66667 1.66667C5.66667 2.03486 5.96514 2.33333 6.33333 2.33333ZM11 2.33333C11.3682 2.33333 11.6667 2.03486 11.6667 1.66667C11.6667 1.29848 11.3682 1 11 1C10.6318 1 10.3333 1.29848 10.3333 1.66667C10.3333 2.03486 10.6318 2.33333 11 2.33333ZM1.66667 2.33333C2.03486 2.33333 2.33333 2.03486 2.33333 1.66667C2.33333 1.29848 2.03486 1 1.66667 1C1.29848 1 1 1.29848 1 1.66667C1 2.03486 1.29848 2.33333 1.66667 2.33333Z";
 var ASPECT_RATIO = 4 / 13;
@@ -30180,6 +30208,7 @@ var icons = {
   menu: MenuIcon,
   menuLines: MenuLinesIcon,
   minus: MinusIcon,
+  moonStars: MoonStarsIcon,
   moreHorizontal: MoreHorizontalIcon,
   navigate: NavigateIcon,
   noSmoking: NoSmokingIcon,
@@ -30266,6 +30295,7 @@ var iconGroups = {
     "star",
     "starFilled",
     "minus",
+    "moonStars",
     "moreHorizontal",
     "plus",
     "refresh",
@@ -37825,6 +37855,93 @@ var styles39 = reactNative.StyleSheet.create({
     color: colors.white
   }
 });
+var CONTROL_SIZE = 16;
+var DOT_SIZE = 8;
+var RadioButton = react.forwardRef(
+  function RadioButton2({
+    value,
+    defaultValue = false,
+    onValueChange,
+    disabled = false,
+    variant: _variant = "default",
+    label,
+    children,
+    style,
+    labelStyle,
+    className,
+    hitSlop = 8,
+    accessibilityLabel,
+    ...rest
+  }, forwardedRef) {
+    const containerRef = react.useRef(null);
+    const isControlled = typeof value === "boolean";
+    const [uncontrolledValue, setUncontrolledValue] = react.useState(defaultValue);
+    const isActive = isControlled ? value : uncontrolledValue;
+    const labelContent = children ?? label;
+    const resolvedAccessibilityLabel = accessibilityLabel ?? (typeof labelContent === "string" ? labelContent : void 0);
+    const setContainerRef = react.useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
+    useApplyWebClassName(containerRef, className);
+    const handlePress = () => {
+      if (disabled || isActive) return;
+      if (!isControlled) setUncontrolledValue(true);
+      onValueChange?.(true);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      reactNative.Pressable,
+      {
+        ...rest,
+        ref: setContainerRef,
+        onPress: handlePress,
+        disabled,
+        hitSlop,
+        accessibilityRole: "radio",
+        accessibilityLabel: resolvedAccessibilityLabel,
+        accessibilityState: { selected: isActive, disabled },
+        style: [styles40.root, disabled && styles40.disabled, style],
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles40.control, children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles40.dot }) : null }),
+          labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: [styles40.label, labelStyle], children: labelContent }) : labelContent : null
+        ]
+      }
+    );
+  }
+);
+var styles40 = reactNative.StyleSheet.create({
+  root: {
+    flexDirection: "row",
+    alignItems: "center",
+    alignSelf: "flex-start",
+    gap: 6
+  },
+  disabled: {
+    opacity: 0.5
+  },
+  control: {
+    width: CONTROL_SIZE,
+    height: CONTROL_SIZE,
+    borderRadius: 20,
+    borderWidth: 1,
+    borderColor: colors.grey700,
+    backgroundColor: colors.dark,
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0
+  },
+  dot: {
+    width: DOT_SIZE,
+    height: DOT_SIZE,
+    borderRadius: 43,
+    backgroundColor: colors.primary
+  },
+  label: {
+    flexShrink: 1,
+    textAlign: "center",
+    fontFamily: fonts.sans,
+    fontSize: 12,
+    fontWeight: "400",
+    color: colors.white
+  }
+});
 
 // src/utils/popoverAlign.ts
 function fitsCenter(triggerRect, panelWidth, viewportWidth, padding) {
@@ -38024,6 +38141,7 @@ exports.MenuItem = MenuItem;
 exports.MenuLinesIcon = MenuLinesIcon;
 exports.MinusIcon = MinusIcon;
 exports.Modal = Modal;
+exports.MoonStarsIcon = MoonStarsIcon;
 exports.MoreHorizontalIcon = MoreHorizontalIcon;
 exports.NavigateIcon = NavigateIcon;
 exports.NoSmokingIcon = NoSmokingIcon;
@@ -38034,6 +38152,7 @@ exports.PlusIcon = PlusIcon;
 exports.QrCodeIcon = QrCodeIcon;
 exports.QuantityInput = QuantityInput;
 exports.QuietHoursIcon = QuietHoursIcon;
+exports.RadioButton = RadioButton;
 exports.Range = Range;
 exports.RatingInput = RatingInput;
 exports.RatingStarIcon = RatingStarIcon;