@kbach/react-native 1.0.0-beta.51 → 1.0.0-beta.53

package/dist/index.web.mjs

@@ -10,13 +10,13 @@ import {
   subscribeDynamicTokens,
   subscribeGlobalDarkMode,
   toggleGlobalDarkMode
-} from "./chunk-KHQ2BWYH.mjs";
+} from "./chunk-3JQAZNJK.mjs";
 import {
   defaultTheme,
   getTheme,
   resolveClassName,
   setTheme
-} from "./chunk-IJAXJVB4.mjs";
+} from "./chunk-P75PP2QR.mjs";
 
 // src/config.ts
 function parseHexRgb(hex) {
@@ -262,7 +262,41 @@ function resolveClassValue(value) {
   }
   return "";
 }
+
+// src/semanticElements.tsx
+import * as React from "react";
+import { Pressable, Text } from "react-native";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Button = React.forwardRef(function Button2(props, ref) {
+  return /* @__PURE__ */ jsx2(Pressable, { ref, accessibilityRole: "button", ...props });
+});
+var PARAGRAPH_ROLE = "paragraph";
+var Paragraph = React.forwardRef(function Paragraph2(props, ref) {
+  return /* @__PURE__ */ jsx2(Text, { ref, role: PARAGRAPH_ROLE, ...props });
+});
+function makeHeading(level) {
+  const extra = { "aria-level": level };
+  const Heading = React.forwardRef(function Heading2(props, ref) {
+    return /* @__PURE__ */ jsx2(Text, { ref, accessibilityRole: "header", ...extra, ...props });
+  });
+  Heading.displayName = `H${level}`;
+  return Heading;
+}
+var H1 = makeHeading(1);
+var H2 = makeHeading(2);
+var H3 = makeHeading(3);
+var H4 = makeHeading(4);
+var H5 = makeHeading(5);
+var H6 = makeHeading(6);
 export {
+  Button,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Paragraph,
   ThemeProvider,
   applyKbachConfig,
   clsx,

package/dist/jsx-dev-runtime.d.ts

@@ -1,10 +1,10 @@
-import * as react from 'react';
+import * as React from 'react';
 export { Fragment } from 'react';
 
 declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
     fileName: string;
     lineNumber: number;
     columnNumber: number;
-}, self?: unknown) => react.ReactElement;
+}, self?: unknown) => React.ReactElement;
 
 export { jsxDEV };

package/dist/jsx-dev-runtime.js

@@ -2002,6 +2002,8 @@ function resolveTextNative(parsed, theme) {
     if (size !== null) return [decl("font-size", size)];
     const align = textAlign(parsed.value);
     if (align !== null) return [decl("text-align", align)];
+  } else if (parsed.isArbitrary && parsed.value !== null && looksLikeLength(parsed.value)) {
+    return [decl("font-size", parsed.value)];
   }
   const hex = nativeHexColor(parsed, theme);
   return hex === null ? null : [decl("color", hex)];

package/dist/jsx-dev-runtime.web.d.ts

@@ -1,10 +1,10 @@
-import * as react from 'react';
+import * as React from 'react';
 export { Fragment } from 'react';
 
 declare const jsxDEV: (type: unknown, props: Record<string, unknown> | null, key?: string, isStaticChildren?: boolean, source?: {
     fileName: string;
     lineNumber: number;
     columnNumber: number;
-}, self?: unknown) => react.ReactElement;
+}, self?: unknown) => React.ReactElement;
 
 export { jsxDEV };