@nerds-with-charisma/revit-ui 0.3.0 → 0.4.0

package/dist/native/index.cjs

@@ -0,0 +1,898 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/native/index.ts
+var native_exports = {};
+__export(native_exports, {
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardHeader: () => CardHeader,
+  CardTitle: () => CardTitle,
+  Heading: () => Heading,
+  Input: () => Input,
+  Label: () => Label,
+  RevitThemeProvider: () => RevitThemeProvider,
+  Tabs: () => Tabs,
+  TabsList: () => TabsList,
+  TabsTrigger: () => TabsTrigger,
+  Text: () => Text7,
+  getAlertStyles: () => getAlertStyles,
+  getButtonStyles: () => getButtonStyles,
+  getCardPadding: () => getCardPadding,
+  getCardStyles: () => getCardStyles,
+  getHeadingStyles: () => getHeadingStyles,
+  getInputStyles: () => getInputStyles,
+  getLabelStyles: () => getLabelStyles,
+  getTabsListStyles: () => getTabsListStyles,
+  getTabsTriggerStyles: () => getTabsTriggerStyles,
+  getTextStyles: () => getTextStyles,
+  getThemeColors: () => getThemeColors,
+  tokensToStyleSheet: () => tokensToStyleSheet,
+  useRevitTheme: () => useRevitTheme
+});
+module.exports = __toCommonJS(native_exports);
+
+// src/native/components/Alert.tsx
+var import_react_native2 = require("react-native");
+
+// src/native/lib/mergeStyles.ts
+var mergeStyles = (...styles) => styles.filter(Boolean);
+
+// src/native/theme/tokensToStyles.ts
+var import_react_native = require("react-native");
+
+// src/native/lib/remToPx.ts
+var remToPx = (value, base = 16) => {
+  const parsed = parseFloat(value);
+  if (Number.isNaN(parsed)) return base;
+  if (value.endsWith("rem")) return parsed * base;
+  return parsed;
+};
+
+// src/native/theme/tokensToStyles.ts
+var getThemeColors = (tokens, scheme = "light") => scheme === "dark" ? tokens.colorsDark : tokens.colors;
+var withAlpha = (hex, alpha) => {
+  const normalized = hex.replace("#", "");
+  const value = normalized.length === 3 ? normalized.split("").map((char) => char + char).join("") : normalized.slice(0, 6);
+  const r = parseInt(value.slice(0, 2), 16);
+  const g = parseInt(value.slice(2, 4), 16);
+  const b = parseInt(value.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+var buttonSizeStyles = (size) => {
+  switch (size) {
+    case "sm":
+      return { paddingHorizontal: 12, paddingVertical: 6, fontSize: 10 };
+    case "lg":
+      return { minWidth: 160, paddingHorizontal: 24, paddingVertical: 12, fontSize: 14 };
+    case "icon":
+      return { width: 36, height: 36, paddingHorizontal: 0, paddingVertical: 0 };
+    default:
+      return { paddingHorizontal: 16, paddingVertical: 8, fontSize: 12 };
+  }
+};
+var getButtonStyles = (colors, tokens, variant = "default", size = "default") => {
+  const pillRadius = remToPx(tokens.radius.pill);
+  const base = {
+    ...buttonSizeStyles(size),
+    alignItems: "center",
+    justifyContent: "center",
+    flexDirection: "row",
+    gap: 8,
+    borderRadius: size === "icon" ? pillRadius : pillRadius,
+    borderWidth: 2,
+    fontWeight: "600",
+    textTransform: variant === "link" ? "none" : "uppercase",
+    letterSpacing: variant === "link" ? 0 : 1.2
+  };
+  switch (variant) {
+    case "secondary":
+      return {
+        container: {
+          ...base,
+          backgroundColor: colors.secondary,
+          borderColor: colors.secondary
+        },
+        text: { color: colors.secondaryForeground }
+      };
+    case "outline":
+      return {
+        container: {
+          ...base,
+          backgroundColor: colors.card,
+          borderColor: colors.border
+        },
+        text: { color: colors.cardForeground }
+      };
+    case "ghost":
+      return {
+        container: {
+          ...base,
+          backgroundColor: "transparent",
+          borderColor: "transparent",
+          borderWidth: 0
+        },
+        text: { color: colors.foreground }
+      };
+    case "link":
+      return {
+        container: {
+          ...base,
+          backgroundColor: "transparent",
+          borderColor: "transparent",
+          borderWidth: 0,
+          borderRadius: 0,
+          paddingHorizontal: 0,
+          paddingVertical: 0
+        },
+        text: { color: colors.primary, textDecorationLine: "underline" }
+      };
+    case "destructive":
+      return {
+        container: {
+          ...base,
+          backgroundColor: colors.destructive,
+          borderColor: colors.destructive
+        },
+        text: { color: colors.destructiveForeground }
+      };
+  }
+  return {
+    container: {
+      ...base,
+      backgroundColor: colors.primary,
+      borderColor: colors.primary,
+      shadowColor: "#000000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.07,
+      shadowRadius: 12,
+      elevation: 4
+    },
+    text: { color: colors.primaryForeground }
+  };
+};
+var getInputStyles = (colors, tokens, variant = "default", size = "default") => {
+  const radius = variant === "pill" ? remToPx(tokens.radius.pill) : remToPx(tokens.radius.md);
+  const sizeStyles = size === "sm" ? { height: 36, paddingHorizontal: 12, paddingVertical: 4, fontSize: 14 } : size === "md" ? { height: 44, paddingHorizontal: 16, paddingVertical: 8, fontSize: 16 } : { height: 48, paddingHorizontal: 20, paddingVertical: 12, fontSize: 16 };
+  return {
+    ...sizeStyles,
+    width: "100%",
+    borderWidth: 1,
+    borderColor: colors.border,
+    backgroundColor: variant === "filled" ? colors.muted : colors.card,
+    color: colors.foreground,
+    borderRadius: radius
+  };
+};
+var getCardStyles = (colors, tokens, variant = "default") => {
+  switch (variant) {
+    case "elevated":
+      return {
+        backgroundColor: colors.card,
+        borderRadius: remToPx(tokens.radius.xl),
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 24 },
+        shadowOpacity: 0.12,
+        shadowRadius: 48,
+        elevation: 8
+      };
+    case "frost":
+      return {
+        backgroundColor: withAlpha(colors.card, 0.85),
+        borderRadius: remToPx(tokens.radius.lg),
+        borderWidth: 1,
+        borderColor: withAlpha("#ffffff", 0.55)
+      };
+    case "outline":
+      return {
+        backgroundColor: "transparent",
+        borderRadius: remToPx(tokens.radius.lg),
+        borderWidth: 1,
+        borderColor: colors.border
+      };
+    default:
+      return {
+        backgroundColor: colors.card,
+        borderRadius: remToPx(tokens.radius.lg),
+        borderWidth: 1,
+        borderColor: colors.border,
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 18 },
+        shadowOpacity: 0.04,
+        shadowRadius: 40,
+        elevation: 3
+      };
+  }
+};
+var getCardPadding = (size = "default") => {
+  switch (size) {
+    case "sm":
+      return 16;
+    case "lg":
+      return 32;
+    default:
+      return 24;
+  }
+};
+var getAlertStyles = (colors, tokens, variant = "default") => {
+  const base = {
+    width: "100%",
+    borderRadius: remToPx(tokens.radius.lg),
+    borderWidth: 1,
+    paddingHorizontal: 16,
+    paddingVertical: 12
+  };
+  switch (variant) {
+    case "warning":
+      return {
+        ...base,
+        borderColor: withAlpha(colors.primary, 0.6),
+        backgroundColor: withAlpha(colors.primary, 0.15)
+      };
+    case "destructive":
+      return {
+        ...base,
+        borderColor: withAlpha(colors.destructive, 0.4),
+        backgroundColor: withAlpha(colors.destructive, 0.1)
+      };
+    default:
+      return {
+        ...base,
+        borderColor: colors.border,
+        backgroundColor: colors.card
+      };
+  }
+};
+var getLabelStyles = (colors, variant = "default") => {
+  if (variant === "eyebrow") {
+    return {
+      fontSize: 12,
+      fontWeight: "700",
+      textTransform: "uppercase",
+      letterSpacing: 3.5,
+      color: colors.brand.gold
+    };
+  }
+  return {
+    fontSize: 14,
+    fontWeight: "500",
+    lineHeight: 14,
+    color: colors.foreground
+  };
+};
+var getHeadingStyles = (colors, variant = "title") => {
+  switch (variant) {
+    case "page":
+      return { fontSize: 24, fontWeight: "600", letterSpacing: -0.5, color: colors.foreground };
+    case "section":
+      return { fontSize: 18, fontWeight: "600", letterSpacing: -0.25, color: colors.foreground };
+    case "eyebrow":
+      return {
+        fontSize: 12,
+        fontWeight: "700",
+        textTransform: "uppercase",
+        letterSpacing: 3.5,
+        color: colors.brand.gold
+      };
+    case "subtitle":
+      return { fontSize: 14, fontWeight: "400", color: colors.mutedForeground };
+    default:
+      return {
+        fontSize: 20,
+        fontWeight: "600",
+        lineHeight: 20,
+        letterSpacing: -0.25,
+        color: colors.foreground
+      };
+  }
+};
+var getTextStyles = (colors, variant = "body") => {
+  switch (variant) {
+    case "sm":
+      return { fontSize: 14, fontWeight: "400", color: colors.foreground };
+    case "muted":
+      return { fontSize: 14, fontWeight: "400", color: colors.mutedForeground };
+    case "lead":
+      return { fontSize: 18, fontWeight: "400", color: colors.foreground };
+    case "label":
+      return { fontSize: 14, fontWeight: "500", lineHeight: 14, color: colors.foreground };
+    case "destructive":
+      return { fontSize: 14, fontWeight: "400", color: colors.destructive };
+    default:
+      return { fontSize: 16, fontWeight: "400", color: colors.foreground };
+  }
+};
+var getTabsListStyles = (colors, tokens) => ({
+  flexDirection: "row",
+  alignItems: "center",
+  gap: 4,
+  borderRadius: remToPx(tokens.radius.pill),
+  borderWidth: 1,
+  borderColor: colors.border,
+  backgroundColor: colors.card,
+  padding: 4
+});
+var getTabsTriggerStyles = (colors, tokens, isActive) => ({
+  container: {
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: remToPx(tokens.radius.pill),
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    backgroundColor: isActive ? colors.primary : "transparent"
+  },
+  text: {
+    fontSize: 11,
+    fontWeight: "600",
+    textTransform: "uppercase",
+    letterSpacing: 1.2,
+    color: isActive ? colors.primaryForeground : colors.foreground
+  }
+});
+var tokensToStyleSheet = (tokens, scheme = "light") => {
+  const colors = getThemeColors(tokens, scheme);
+  return import_react_native.StyleSheet.create({
+    screen: {
+      flex: 1,
+      backgroundColor: colors.background
+    },
+    foregroundText: {
+      color: colors.foreground
+    },
+    mutedText: {
+      color: colors.mutedForeground
+    },
+    destructiveText: {
+      color: colors.destructive
+    },
+    card: getCardStyles(colors, tokens, "default"),
+    cardElevated: getCardStyles(colors, tokens, "elevated"),
+    input: getInputStyles(colors, tokens),
+    button: getButtonStyles(colors, tokens).container,
+    buttonText: getButtonStyles(colors, tokens).text,
+    alert: getAlertStyles(colors, tokens),
+    tabsList: getTabsListStyles(colors, tokens)
+  });
+};
+
+// src/native/theme/useRevitTheme.tsx
+var import_react = require("react");
+
+// src/theme/tokens.revit.ts
+var brand = {
+  yellow: "#FFE500",
+  yellowLight: "#FFF06E",
+  offBlack: "#2C2C2C",
+  pink: "#FF005C",
+  purple: "#BA00FF",
+  blue: "#00FFFB",
+  gold: "#B8A500",
+  brown: "#78350F",
+  umber: "#58483B",
+  mist: "#F2F2F7"
+};
+var light = {
+  background: "#ffffff",
+  foreground: brand.offBlack,
+  card: "#ffffff",
+  cardForeground: brand.offBlack,
+  popover: "#ffffff",
+  popoverForeground: brand.offBlack,
+  primary: brand.yellow,
+  primaryForeground: "#000000",
+  secondary: "#000000",
+  secondaryForeground: "#ffffff",
+  muted: brand.mist,
+  mutedForeground: brand.umber,
+  accent: brand.yellowLight,
+  accentForeground: "#000000",
+  destructive: "#FF002B",
+  destructiveForeground: "#ffffff",
+  border: brand.mist,
+  input: brand.mist,
+  ring: brand.yellow,
+  brand
+};
+var dark = {
+  background: "#0f172a",
+  foreground: "#ffffff",
+  card: "#0f172a",
+  cardForeground: "#ffffff",
+  popover: "#0f172a",
+  popoverForeground: "#ffffff",
+  primary: brand.yellow,
+  primaryForeground: "#000000",
+  secondary: brand.yellow,
+  secondaryForeground: "#000000",
+  muted: "#1e293b",
+  mutedForeground: "#cbd5e1",
+  accent: "#1e293b",
+  accentForeground: "#ffffff",
+  destructive: "#FF002B",
+  destructiveForeground: "#ffffff",
+  border: "#334155",
+  input: "#334155",
+  ring: brand.yellow,
+  brand
+};
+var revitTokens = {
+  colors: light,
+  colorsDark: dark,
+  radius: {
+    sm: "0.375rem",
+    md: "0.5rem",
+    lg: "1.25rem",
+    xl: "1.5rem",
+    pill: "9999px"
+  },
+  fontFamily: {
+    sans: "Afacad, ui-sans-serif, system-ui, sans-serif"
+  }
+};
+
+// src/native/theme/useRevitTheme.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var RevitThemeContext = (0, import_react.createContext)(null);
+var RevitThemeProvider = ({
+  children,
+  tokens = revitTokens,
+  scheme = "light"
+}) => {
+  const value = (0, import_react.useMemo)(
+    () => ({
+      tokens,
+      scheme,
+      colors: getThemeColors(tokens, scheme),
+      styles: tokensToStyleSheet(tokens, scheme)
+    }),
+    [tokens, scheme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RevitThemeContext.Provider, { value, children });
+};
+var useRevitTheme = () => {
+  const context = (0, import_react.useContext)(RevitThemeContext);
+  if (!context) {
+    return {
+      tokens: revitTokens,
+      scheme: "light",
+      colors: getThemeColors(revitTokens, "light"),
+      styles: tokensToStyleSheet(revitTokens, "light")
+    };
+  }
+  return context;
+};
+
+// src/native/components/Alert.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Alert = ({
+  variant = "default",
+  icon,
+  style,
+  testID = "Alert",
+  children,
+  ...props
+}) => {
+  const { tokens, colors } = useRevitTheme();
+  const alertColor = variant === "destructive" ? colors.destructive : variant === "warning" ? colors.foreground : colors.cardForeground;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    import_react_native2.View,
+    {
+      testID,
+      accessibilityRole: "alert",
+      style: mergeStyles(
+        getAlertStyles(colors, tokens, variant),
+        icon ? { flexDirection: "row", alignItems: "flex-start", gap: 12 } : void 0,
+        style
+      ),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { marginTop: 2 }, children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: { flex: 1, gap: 4 }, children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: { fontSize: 14, color: alertColor }, children }) : children })
+      ]
+    }
+  );
+};
+var AlertTitle = ({ style, testID = "AlertTitle", ...props }) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.Text,
+    {
+      testID,
+      accessibilityRole: "header",
+      style: mergeStyles(
+        {
+          marginBottom: 4,
+          fontSize: 14,
+          fontWeight: "600",
+          letterSpacing: -0.15,
+          color: colors.foreground
+        },
+        style
+      ),
+      ...props
+    }
+  );
+};
+var AlertDescription = ({
+  style,
+  testID = "AlertDescription",
+  ...props
+}) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_react_native2.Text,
+    {
+      testID,
+      style: mergeStyles({ fontSize: 14, color: colors.mutedForeground }, style),
+      ...props
+    }
+  );
+};
+
+// src/native/components/Button.tsx
+var import_react_native3 = require("react-native");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Button = ({
+  variant = "default",
+  size = "default",
+  loading = false,
+  disabled,
+  children,
+  style,
+  textStyle,
+  testID = "Button",
+  ...props
+}) => {
+  const { tokens, colors } = useRevitTheme();
+  const styles = getButtonStyles(colors, tokens, variant, size);
+  const isDisabled = disabled || loading;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_native3.Pressable,
+    {
+      testID,
+      accessibilityRole: "button",
+      disabled: isDisabled,
+      style: ({ pressed }) => mergeStyles(
+        styles.container,
+        isDisabled ? { opacity: 0.5 } : void 0,
+        pressed && !isDisabled ? { transform: [{ scale: 1.02 }] } : void 0,
+        style
+      ),
+      ...props,
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { color: styles.text.color, size: "small" }) : typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: mergeStyles(styles.text, textStyle), children }) : children
+    }
+  );
+};
+
+// src/native/components/Card.tsx
+var import_react_native4 = require("react-native");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Card = ({
+  variant = "default",
+  size: _size = "default",
+  style,
+  testID = "Card",
+  ...props
+}) => {
+  const { tokens, colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.View,
+    {
+      testID,
+      style: mergeStyles(getCardStyles(colors, tokens, variant), style),
+      ...props
+    }
+  );
+};
+var CardHeader = ({
+  size = "default",
+  style,
+  testID = "CardHeader",
+  ...props
+}) => {
+  const padding = getCardPadding(size);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.View,
+    {
+      testID,
+      style: mergeStyles({ flexDirection: "column", gap: 6, padding }, style),
+      ...props
+    }
+  );
+};
+var CardTitle = ({ style, testID = "CardTitle", ...props }) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.Text,
+    {
+      testID,
+      accessibilityRole: "header",
+      style: mergeStyles(
+        {
+          fontSize: 20,
+          fontWeight: "600",
+          lineHeight: 20,
+          letterSpacing: -0.25,
+          color: colors.foreground
+        },
+        style
+      ),
+      ...props
+    }
+  );
+};
+var CardDescription = ({
+  style,
+  testID = "CardDescription",
+  ...props
+}) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.Text,
+    {
+      testID,
+      style: mergeStyles({ fontSize: 14, color: colors.mutedForeground }, style),
+      ...props
+    }
+  );
+};
+var CardContent = ({
+  size = "default",
+  style,
+  testID = "CardContent",
+  ...props
+}) => {
+  const padding = getCardPadding(size);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native4.View,
+    {
+      testID,
+      style: mergeStyles({ paddingHorizontal: padding, paddingBottom: padding }, style),
+      ...props
+    }
+  );
+};
+
+// src/native/components/Heading.tsx
+var import_react_native5 = require("react-native");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var accessibilityLevels = {
+  h1: "header",
+  h2: "header",
+  h3: "header",
+  h4: "header",
+  h5: "header",
+  h6: "header",
+  p: "text"
+};
+var defaultTag = {
+  page: "h1",
+  title: "h2",
+  section: "h3",
+  eyebrow: "h2",
+  subtitle: "p"
+};
+var Heading = ({
+  as,
+  variant = "title",
+  style,
+  testID = "Heading",
+  ...props
+}) => {
+  const { colors } = useRevitTheme();
+  const tag = as ?? defaultTag[variant];
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_native5.Text,
+    {
+      testID,
+      accessibilityRole: accessibilityLevels[tag],
+      style: mergeStyles(getHeadingStyles(colors, variant), style),
+      ...props
+    }
+  );
+};
+
+// src/native/components/Input.tsx
+var import_react_native6 = require("react-native");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Input = ({
+  variant = "default",
+  size = "default",
+  editable = true,
+  style,
+  placeholderTextColor,
+  testID = "Input",
+  ...props
+}) => {
+  const { tokens, colors } = useRevitTheme();
+  const inputStyles = getInputStyles(colors, tokens, variant, size);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_react_native6.TextInput,
+    {
+      testID,
+      editable,
+      placeholderTextColor: placeholderTextColor ?? colors.mutedForeground,
+      style: mergeStyles(
+        inputStyles,
+        !editable ? { opacity: 0.5 } : void 0,
+        style
+      ),
+      ...props
+    }
+  );
+};
+
+// src/native/components/Label.tsx
+var import_react_native7 = require("react-native");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Label = ({
+  variant = "default",
+  style,
+  testID = "Label",
+  ...props
+}) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_native7.Text,
+    {
+      testID,
+      accessibilityRole: "text",
+      style: mergeStyles(getLabelStyles(colors, variant), style),
+      ...props
+    }
+  );
+};
+
+// src/native/components/Tabs.tsx
+var import_react2 = require("react");
+var import_react_native8 = require("react-native");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TabsContext = (0, import_react2.createContext)(null);
+var useTabsContext = () => {
+  const context = (0, import_react2.useContext)(TabsContext);
+  if (!context) {
+    throw new Error("Tabs components must be used within Tabs");
+  }
+  return context;
+};
+var Tabs = ({
+  value,
+  defaultValue = "",
+  onValueChange,
+  children,
+  testID = "Tabs"
+}) => {
+  const [internalValue, internalValueSetter] = (0, import_react2.useState)(defaultValue);
+  const currentValue = value ?? internalValue;
+  const contextValue = (0, import_react2.useMemo)(
+    () => ({
+      value: currentValue,
+      onValueChange: (nextValue) => {
+        if (value === void 0) {
+          internalValueSetter(nextValue);
+        }
+        onValueChange?.(nextValue);
+      }
+    }),
+    [currentValue, onValueChange, value]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TabsContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.View, { testID, children }) });
+};
+var TabsList = ({ style, testID = "TabsList", ...props }) => {
+  const { tokens, colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_native8.View,
+    {
+      testID,
+      style: mergeStyles(getTabsListStyles(colors, tokens), style),
+      ...props
+    }
+  );
+};
+var TabsTrigger = ({
+  value,
+  disabled,
+  children,
+  style,
+  textStyle,
+  testID = "TabsTrigger",
+  ...props
+}) => {
+  const { tokens, colors } = useRevitTheme();
+  const { value: activeValue, onValueChange } = useTabsContext();
+  const isActive = activeValue === value;
+  const styles = getTabsTriggerStyles(colors, tokens, isActive);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_native8.Pressable,
+    {
+      testID,
+      accessibilityRole: "tab",
+      accessibilityState: { selected: isActive, disabled: Boolean(disabled) },
+      disabled,
+      onPress: () => onValueChange(value),
+      style: ({ pressed }) => mergeStyles(
+        styles.container,
+        pressed && !disabled ? { opacity: 0.9 } : void 0,
+        disabled ? { opacity: 0.5 } : void 0,
+        style
+      ),
+      ...props,
+      children: typeof children === "string" ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native8.Text, { style: mergeStyles(styles.text, textStyle), children }) : children
+    }
+  );
+};
+
+// src/native/components/Text.tsx
+var import_react_native9 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Text7 = ({
+  variant = "body",
+  style,
+  testID = "Text",
+  ...props
+}) => {
+  const { colors } = useRevitTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_native9.Text,
+    {
+      testID,
+      style: mergeStyles(getTextStyles(colors, variant), style),
+      ...props
+    }
+  );
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Alert,
+  AlertDescription,
+  AlertTitle,
+  Button,
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+  Heading,
+  Input,
+  Label,
+  RevitThemeProvider,
+  Tabs,
+  TabsList,
+  TabsTrigger,
+  Text,
+  getAlertStyles,
+  getButtonStyles,
+  getCardPadding,
+  getCardStyles,
+  getHeadingStyles,
+  getInputStyles,
+  getLabelStyles,
+  getTabsListStyles,
+  getTabsTriggerStyles,
+  getTextStyles,
+  getThemeColors,
+  tokensToStyleSheet,
+  useRevitTheme
+});
+//# sourceMappingURL=index.cjs.map