@xaui/native 0.9.1-alpha.4 → 0.9.1-alpha.41

package/dist/chunk-KCMYU7WF.js

@@ -0,0 +1,86 @@
+import {
+  PressableFeedback
+} from "./chunk-6UEZJRVI.js";
+import {
+  usePressState
+} from "./chunk-423RQBOX.js";
+import {
+  warnDev
+} from "./chunk-EGLLDKN6.js";
+import {
+  useStyleProps
+} from "./chunk-M63GFNKV.js";
+
+// src/system/close-button/close-button.tsx
+import { forwardRef } from "react";
+import { View } from "react-native";
+
+// src/system/close-button/close-button.style.ts
+import { StyleSheet } from "react-native";
+var closeButtonSheet = StyleSheet.create({
+  bar: { transform: [{ rotate: "45deg" }] },
+  barMirrored: { transform: [{ rotate: "-45deg" }] }
+});
+
+// src/system/close-button/close-button.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var HIT_SLOP = 8;
+var CloseButton = forwardRef(function CloseButton2({
+  name,
+  children,
+  baseStyle,
+  glyphStyle,
+  accessibilityRole = "button",
+  hitSlop = HIT_SLOP,
+  style,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const [styleProps, rest] = useStyleProps(props);
+  const [isPressed, press] = usePressState({ onPressIn, onPressOut });
+  if (!rest.accessibilityLabel && !rest["aria-label"]) {
+    warnDev(
+      `${name}: a close button needs an \`accessibilityLabel\` \u2014 the cross is not text, and the label beside it names what is being dismissed, not the action.`
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    PressableFeedback,
+    {
+      ref,
+      isPressed,
+      accessibilityRole,
+      hitSlop,
+      ...rest,
+      style: [
+        baseStyle,
+        styleProps,
+        typeof style === "function" ? style({ pressed: isPressed }) : style
+      ],
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(View, { style: [glyphStyle, closeButtonSheet.bar] }),
+        /* @__PURE__ */ jsx(View, { style: [glyphStyle, closeButtonSheet.barMirrored] })
+      ] })
+    }
+  );
+});
+CloseButton.displayName = "XAUI.CloseButton";
+
+// src/system/close-button/close-button.recipe.ts
+function closeButtonBase(theme) {
+  return {
+    close: { alignItems: "center", justifyContent: "center" },
+    closeGlyph: {
+      position: "absolute",
+      height: theme.borderWidth.default * 1.5,
+      borderRadius: theme.borderWidth.default
+    }
+  };
+}
+
+export {
+  CloseButton,
+  closeButtonBase
+};