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

package/dist/{chunk-CD5WFFIQ.mjs → chunk-TC6VSV44.mjs}

@@ -1,6 +1,6 @@
 import {
   resolveClassName
-} from "./chunk-IJAXJVB4.mjs";
+} from "./chunk-P75PP2QR.mjs";
 
 // src/jsxRuntimeCoreWeb.ts
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 export { ColorEntry, ContainerConfig, ThemeConfig, defaultTheme, getTheme, setTheme } from './theme';
-export { C as ClassArray, a as ClassDictionary, b as ClassValue, c as ColorScale, d as ColorsAPI, K as KbachConfig, T as ThemeProvider, e as ThemeProviderProps, f as ThemeState, g as ThemeStorageAdapter, h as applyKbachConfig, i as clsx, r as resolveKbachConfig, u as useColors, j as useDynamicToken, k as useTheme } from './clsx-BLLSnqAa.js';
+export { B as Button, a as ButtonProps, C as ClassArray, b as ClassDictionary, c as ClassValue, d as ColorScale, e as ColorsAPI, H as H1, f as H2, g as H3, h as H4, i as H5, j as H6, k as HeadingProps, K as KbachConfig, P as Paragraph, l as ParagraphProps, T as ThemeProvider, m as ThemeProviderProps, n as ThemeState, o as ThemeStorageAdapter, p as applyKbachConfig, q as clsx, r as resolveKbachConfig, u as useColors, s as useDynamicToken, t as useTheme } from './semanticElements-Bk3TB-vt.js';
 export { ThemeMode, getGlobalDarkMode, getGlobalThemeMode, setGlobalThemeMode, subscribeGlobalDarkMode, toggleGlobalDarkMode } from './darkModeStore';
 export { deleteDynamicToken, getDynamicToken, setDynamicToken, subscribeDynamicTokens } from './dynamicTokens';
 import 'react';
+import 'react-native';
 
 type StyleValue = string | number | {
     width: number;

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,11 +17,27 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  Button: () => Button,
+  H1: () => H1,
+  H2: () => H2,
+  H3: () => H3,
+  H4: () => H4,
+  H5: () => H5,
+  H6: () => H6,
+  Paragraph: () => Paragraph,
   ThemeProvider: () => ThemeProvider,
   applyKbachConfig: () => applyKbachConfig,
   clsx: () => clsx,
@@ -1457,6 +1475,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)];
@@ -2177,8 +2197,42 @@ function resolveClassValue(value) {
   }
   return "";
 }
+
+// src/semanticElements.tsx
+var React = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button = React.forwardRef(function Button2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Pressable, { ref, accessibilityRole: "button", ...props });
+});
+var PARAGRAPH_ROLE = "paragraph";
+var Paragraph = React.forwardRef(function Paragraph2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { ref, role: PARAGRAPH_ROLE, ...props });
+});
+function makeHeading(level) {
+  const extra = { "aria-level": level };
+  const Heading = React.forwardRef(function Heading2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.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);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Button,
+  H1,
+  H2,
+  H3,
+  H4,
+  H5,
+  H6,
+  Paragraph,
   ThemeProvider,
   applyKbachConfig,
   clsx,

package/dist/index.web.d.ts

@@ -1,8 +1,9 @@
 export { ColorEntry, ContainerConfig, ThemeConfig, defaultTheme, getTheme, setTheme } from './theme';
-export { C as ClassArray, a as ClassDictionary, b as ClassValue, c as ColorScale, d as ColorsAPI, K as KbachConfig, T as ThemeProvider, e as ThemeProviderProps, f as ThemeState, h as applyKbachConfig, i as clsx, r as resolveKbachConfig, u as useColors, j as useDynamicToken, k as useTheme } from './clsx-BLLSnqAa.js';
+export { B as Button, a as ButtonProps, C as ClassArray, b as ClassDictionary, c as ClassValue, d as ColorScale, e as ColorsAPI, H as H1, f as H2, g as H3, h as H4, i as H5, j as H6, k as HeadingProps, K as KbachConfig, P as Paragraph, l as ParagraphProps, T as ThemeProvider, m as ThemeProviderProps, n as ThemeState, p as applyKbachConfig, q as clsx, r as resolveKbachConfig, u as useColors, s as useDynamicToken, t as useTheme } from './semanticElements-Bk3TB-vt.js';
 export { ThemeMode, getGlobalDarkMode, getGlobalThemeMode, setGlobalThemeMode, subscribeGlobalDarkMode, toggleGlobalDarkMode } from './darkModeStore';
 export { deleteDynamicToken, getDynamicToken, setDynamicToken, subscribeDynamicTokens } from './dynamicTokens';
 import 'react';
+import 'react-native';
 
 /**
  * Resolves `classString` to CSS via the WASM engine, injects every returned