@xaui/native 0.2.7 → 0.9.1-alpha.0

package/dist/app-bar/index.js

@@ -1,148 +0,0 @@
-import "../chunk-SHBDANQN.js";
-import {
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/app-bar/app-bar.tsx
-import React from "react";
-import { View } from "react-native";
-import { getSafeThemeColor } from "@xaui/core";
-
-// src/components/app-bar/app-bar.hook.ts
-import { useMemo } from "react";
-var resolveShadowStyle = (elevation, shadows) => {
-  if (elevation <= 1) {
-    return shadows.sm;
-  }
-  if (elevation <= 2) {
-    return shadows.md;
-  }
-  if (elevation <= 3) {
-    return shadows.lg;
-  }
-  return shadows.xl;
-};
-var useAppBarElevationStyles = (elevation = 0) => {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    if (elevation <= 0) {
-      return {};
-    }
-    return {
-      ...resolveShadowStyle(elevation, theme.shadows),
-      elevation
-    };
-  }, [elevation, theme.shadows]);
-};
-
-// src/components/app-bar/app-bar.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  container: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  floatingContainer: {
-    paddingVertical: 8
-  },
-  appBar: {
-    minHeight: 64,
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16
-  },
-  docked: {
-    width: "100%",
-    borderRadius: 0
-  },
-  floating: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    maxWidth: "97%",
-    borderRadius: 9999,
-    alignSelf: "center"
-  },
-  startContent: {
-    flexShrink: 0,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    minWidth: 40
-  },
-  content: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    paddingHorizontal: 10
-  },
-  endContent: {
-    flexShrink: 0,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: 8,
-    minWidth: 40
-  }
-});
-
-// src/components/app-bar/app-bar.tsx
-var AppBar = ({
-  variant = "docked",
-  elevation = 0,
-  themeColor = "default",
-  children,
-  style
-}) => {
-  const theme = useXUITheme();
-  const elevationStyles = useAppBarElevationStyles(elevation);
-  const isFloating = variant === "floating";
-  const safeThemeColor = getSafeThemeColor(themeColor);
-  const colorScheme = theme.colors[safeThemeColor];
-  const isDefaultThemeColor = safeThemeColor === "default";
-  const backgroundColor = isDefaultThemeColor ? theme.mode === "dark" ? theme.colors.default.container : isFloating ? theme.palette.gray[200] : "#FFFFFF" : colorScheme.container;
-  const borderBottomColor = isDefaultThemeColor ? theme.mode === "dark" ? "rgba(255, 255, 255, 0.06)" : "rgba(0, 0, 0, 0.08)" : colorScheme.main;
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.container, isFloating && styles.floatingContainer] }, /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.appBar,
-        isFloating ? styles.floating : styles.docked,
-        {
-          backgroundColor,
-          borderBottomWidth: isFloating ? 0 : 1,
-          borderBottomColor
-        },
-        elevationStyles,
-        style
-      ]
-    },
-    children
-  ));
-};
-var AppBarStartContent = ({
-  children,
-  style
-}) => {
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.startContent, style] }, children);
-};
-var AppBarContent = ({
-  children,
-  alignment = "center",
-  style
-}) => {
-  const alignItems = alignment === "start" ? "flex-start" : alignment === "center" ? "center" : "flex-end";
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.content, { alignItems }, style] }, children);
-};
-var AppBarEndContent = ({
-  children,
-  style
-}) => {
-  return /* @__PURE__ */ React.createElement(View, { style: [styles.endContent, style] }, children);
-};
-export {
-  AppBar,
-  AppBarContent,
-  AppBarEndContent,
-  AppBarStartContent
-};