@xsolla/xui-stepper 0.133.0 → 0.134.0

package/web/index.mjs

@@ -2,117 +2,10 @@
 import { forwardRef } from "react";
 
 // ../primitives-web/src/Box.tsx
-import React2 from "react";
-import styled from "styled-components";
-
-// ../primitives-web/src/filterDOMProps.ts
 import React from "react";
-var NON_HTML_PROPS = /* @__PURE__ */ new Set([
-  // BoxProps — layout & styling
-  "backgroundColor",
-  "borderColor",
-  "borderWidth",
-  "borderBottomWidth",
-  "borderBottomColor",
-  "borderTopWidth",
-  "borderTopColor",
-  "borderLeftWidth",
-  "borderLeftColor",
-  "borderRightWidth",
-  "borderRightColor",
-  "borderRadius",
-  "borderStyle",
-  "flexDirection",
-  "flexWrap",
-  "alignItems",
-  "justifyContent",
-  "alignSelf",
-  "flex",
-  "flexShrink",
-  "gap",
-  "position",
-  "top",
-  "bottom",
-  "left",
-  "right",
-  "outline",
-  "overflow",
-  "overflowX",
-  "overflowY",
-  "zIndex",
-  "cursor",
-  "padding",
-  "paddingHorizontal",
-  "paddingVertical",
-  "paddingTop",
-  "paddingBottom",
-  "paddingLeft",
-  "paddingRight",
-  "margin",
-  "marginTop",
-  "marginBottom",
-  "marginLeft",
-  "marginRight",
-  "minWidth",
-  "minHeight",
-  "maxWidth",
-  "maxHeight",
-  "hoverStyle",
-  "pressStyle",
-  "focusStyle",
-  "outlineColor",
-  "outlineWidth",
-  "outlineOffset",
-  "outlineStyle",
-  // BoxProps — RN-only
-  "onPress",
-  "onLayout",
-  "onMoveShouldSetResponder",
-  "onResponderGrant",
-  "onResponderMove",
-  "onResponderRelease",
-  "onResponderTerminate",
-  "testID",
-  // Box — custom element type
-  "elementType",
-  // TextProps
-  "fontSize",
-  "fontWeight",
-  "fontFamily",
-  "lineHeight",
-  "whiteSpace",
-  "textAlign",
-  "textDecoration",
-  "numberOfLines",
-  "letterSpacing",
-  "textTransform",
-  // SpinnerProps
-  "strokeWidth",
-  // DividerProps
-  "vertical",
-  "dashStroke"
-]);
-function createFilteredElement(defaultTag) {
-  const Component = React.forwardRef(
-    ({ children, elementType, ...props }, ref) => {
-      const Tag = elementType || defaultTag;
-      const htmlProps = {};
-      for (const key of Object.keys(props)) {
-        if (!NON_HTML_PROPS.has(key)) {
-          htmlProps[key] = props[key];
-        }
-      }
-      return React.createElement(Tag, { ref, ...htmlProps }, children);
-    }
-  );
-  Component.displayName = `Filtered(${defaultTag})`;
-  return Component;
-}
-
-// ../primitives-web/src/Box.tsx
+import styled from "styled-components";
 import { jsx } from "react/jsx-runtime";
-var FilteredDiv = createFilteredElement("div");
-var StyledBox = styled(FilteredDiv)`
+var StyledBox = styled.div`
   display: flex;
   box-sizing: border-box;
   background-color: ${(props) => props.backgroundColor || "transparent"};
@@ -199,7 +92,7 @@ var StyledBox = styled(FilteredDiv)`
     ${(props) => props.pressStyle?.backgroundColor && `background-color: ${props.pressStyle.backgroundColor};`}
   }
 `;
-var Box = React2.forwardRef(
+var Box = React.forwardRef(
   ({
     children,
     onPress,
@@ -251,7 +144,7 @@ var Box = React2.forwardRef(
       StyledBox,
       {
         ref,
-        elementType: as,
+        as,
         id,
         type: as === "button" ? type || "button" : void 0,
         disabled: as === "button" ? disabled : void 0,
@@ -282,8 +175,7 @@ Box.displayName = "Box";
 // ../primitives-web/src/Text.tsx
 import styled2 from "styled-components";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var FilteredSpan = createFilteredElement("span");
-var StyledText = styled2(FilteredSpan)`
+var StyledText = styled2.span`
   color: ${(props) => props.color || "inherit"};
   font-size: ${(props) => typeof props.fontSize === "number" ? `${props.fontSize}px` : props.fontSize || "inherit"};
   font-weight: ${(props) => props.fontWeight || "normal"};
@@ -324,8 +216,7 @@ var rotate = keyframes`
     transform: rotate(360deg);
   }
 `;
-var FilteredDiv2 = createFilteredElement("div");
-var StyledSpinner = styled3(FilteredDiv2)`
+var StyledSpinner = styled3.div`
   width: ${(props) => typeof props.size === "number" ? `${props.size}px` : props.size || "24px"};
   height: ${(props) => typeof props.size === "number" ? `${props.size}px` : props.size || "24px"};
   border: ${(props) => props.strokeWidth || 2}px solid
@@ -361,8 +252,7 @@ Spinner.displayName = "Spinner";
 // ../primitives-web/src/Divider.tsx
 import styled4 from "styled-components";
 import { jsx as jsx4 } from "react/jsx-runtime";
-var FilteredDiv3 = createFilteredElement("div");
-var StyledDivider = styled4(FilteredDiv3)`
+var StyledDivider = styled4.div`
   background-color: ${(props) => props.dashStroke ? "transparent" : props.color || "rgba(255, 255, 255, 0.15)"};
   width: ${(props) => props.vertical ? typeof props.width === "number" ? `${props.width}px` : props.width || "1px" : "100%"};
   height: ${(props) => props.vertical ? "100%" : typeof props.height === "number" ? `${props.height}px` : props.height || "1px"};