tamagui 1.116.1 → 1.116.3

package/dist/cjs/createTamagui.js

@@ -0,0 +1,68 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var createTamagui_exports = {};
+__export(createTamagui_exports, {
+  createTamagui: () => createTamagui
+});
+module.exports = __toCommonJS(createTamagui_exports);
+var import_core = require("@tamagui/core");
+const createTamagui = process.env.NODE_ENV !== "development" ? import_core.createTamagui : (conf) => {
+  const sizeTokenKeys = ["$true"], hasKeys = (expectedKeys, obj) => expectedKeys.every((k) => typeof obj[k] < "u"), tamaguiConfig = (0, import_core.createTamagui)(conf);
+  for (const name of ["size", "space"]) {
+    const tokenSet = tamaguiConfig.tokensParsed[name];
+    if (!tokenSet)
+      throw new Error(
+        `Expected tokens for "${name}" in ${Object.keys(
+          tamaguiConfig.tokensParsed
+        ).join(", ")}`
+      );
+    if (!hasKeys(sizeTokenKeys, tokenSet))
+      throw new Error(`
+createTamagui() missing expected tokens.${name}:
+
+Received: ${Object.keys(tokenSet).join(", ")}
+
+Expected: ${sizeTokenKeys.join(", ")}
+
+Tamagui expects a "true" key that is the same value as your default size. This is so 
+it can size things up or down from the defaults without assuming which keys you use.
+
+Please define a "true" or "$true" key on your size and space tokens like so (example):
+
+size: {
+  sm: 2,
+  md: 10,
+  true: 10, // this means "md" is your default size
+  lg: 20,
+}
+
+`);
+  }
+  const expected = Object.keys(tamaguiConfig.tokensParsed.size);
+  for (const name of ["radius", "zIndex"]) {
+    const tokenSet = tamaguiConfig.tokensParsed[name], received = Object.keys(tokenSet);
+    if (!received.some((rk) => expected.includes(rk)))
+      throw new Error(`
+createTamagui() invalid tokens.${name}:
+
+Received: ${received.join(", ")}
+
+Expected a subset of: ${expected.join(", ")}
+
+`);
+  }
+  return tamaguiConfig;
+};
+//# sourceMappingURL=createTamagui.js.map

package/dist/cjs/helpers/inputHelpers.js

@@ -0,0 +1,50 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var inputHelpers_exports = {};
+__export(inputHelpers_exports, {
+  inputSizeVariant: () => inputSizeVariant,
+  textAreaSizeVariant: () => textAreaSizeVariant
+});
+module.exports = __toCommonJS(inputHelpers_exports);
+var import_core = require("@tamagui/core"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token");
+const inputSizeVariant = (val = "$true", extras) => {
+  if (extras.props.multiline || extras.props.numberOfLines > 1)
+    return textAreaSizeVariant(val, extras);
+  const buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras), paddingHorizontal = (0, import_get_token.getSpace)(val, {
+    shift: -1,
+    bounds: [2]
+  }), fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
+  return !import_core.isWeb && fontStyle && delete fontStyle.lineHeight, {
+    ...fontStyle,
+    ...buttonStyles,
+    paddingHorizontal
+  };
+}, textAreaSizeVariant = (val = "$true", extras) => {
+  const { props } = extras, buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras), fontStyle = (0, import_get_font_sized.getFontSized)(val, extras), lines = props.rows ?? props.numberOfLines, height = typeof lines == "number" ? lines * (0, import_core.getVariableValue)(fontStyle.lineHeight) : "auto", paddingVertical = (0, import_get_token.getSpace)(val, {
+    shift: -2,
+    bounds: [2]
+  }), paddingHorizontal = (0, import_get_token.getSpace)(val, {
+    shift: -1,
+    bounds: [2]
+  });
+  return {
+    ...buttonStyles,
+    ...fontStyle,
+    paddingVertical,
+    paddingHorizontal,
+    height
+  };
+};
+//# sourceMappingURL=inputHelpers.js.map

package/dist/cjs/index.js

@@ -0,0 +1,133 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+__export(src_exports, {
+  ComponentContext: () => import_core.ComponentContext,
+  Configuration: () => import_core.Configuration,
+  FontLanguage: () => import_core.FontLanguage,
+  Spacer: () => import_core.Spacer,
+  Stack: () => import_core.Stack,
+  Theme: () => import_core.Theme,
+  Unspaced: () => import_core.Unspaced,
+  View: () => import_core.View,
+  createComponent: () => import_core.createComponent,
+  createFont: () => import_core.createFont,
+  createShorthands: () => import_core.createShorthands,
+  createStyledContext: () => import_core.createStyledContext,
+  createTheme: () => import_core.createTheme,
+  createTokens: () => import_core.createTokens,
+  createVariable: () => import_core.createVariable,
+  getConfig: () => import_core.getConfig,
+  getMedia: () => import_core.getMedia,
+  getStylesAtomic: () => import_core.getStylesAtomic,
+  getThemes: () => import_core.getThemes,
+  getToken: () => import_core.getToken,
+  getTokenValue: () => import_core.getTokenValue,
+  getTokens: () => import_core.getTokens,
+  getVariable: () => import_core.getVariable,
+  getVariableName: () => import_core.getVariableName,
+  getVariableValue: () => import_core.getVariableValue,
+  insertFont: () => import_core.insertFont,
+  isChrome: () => import_core.isChrome,
+  isClient: () => import_core.isClient,
+  isServer: () => import_core.isServer,
+  isTamaguiComponent: () => import_core.isTamaguiComponent,
+  isTamaguiElement: () => import_core.isTamaguiElement,
+  isTouchable: () => import_core.isTouchable,
+  isVariable: () => import_core.isVariable,
+  isWeb: () => import_core.isWeb,
+  isWebTouchable: () => import_core.isWebTouchable,
+  matchMedia: () => import_core.matchMedia,
+  mediaObjectToString: () => import_core.mediaObjectToString,
+  mediaQueryConfig: () => import_core.mediaQueryConfig,
+  mediaState: () => import_core.mediaState,
+  setConfig: () => import_core.setConfig,
+  setupDev: () => import_core.setupDev,
+  setupReactNative: () => import_core.setupReactNative,
+  spacedChildren: () => import_core.spacedChildren,
+  styled: () => import_core.styled,
+  themeable: () => import_core.themeable,
+  useConfiguration: () => import_core.useConfiguration,
+  useDidFinishSSR: () => import_core.useDidFinishSSR,
+  useEvent: () => import_core.useEvent,
+  useGet: () => import_core.useGet,
+  useIsTouchDevice: () => import_core.useIsTouchDevice,
+  useIsomorphicLayoutEffect: () => import_core.useIsomorphicLayoutEffect,
+  useMedia: () => import_core.useMedia,
+  useProps: () => import_core.useProps,
+  usePropsAndStyle: () => import_core.usePropsAndStyle,
+  useStyle: () => import_core.useStyle,
+  useTheme: () => import_core.useTheme,
+  useThemeName: () => import_core.useThemeName,
+  variableToString: () => import_core.variableToString,
+  withStaticProperties: () => import_core.withStaticProperties
+});
+module.exports = __toCommonJS(src_exports);
+var import_setup = require("./setup");
+__reExport(src_exports, require("@tamagui/accordion"), module.exports);
+__reExport(src_exports, require("@tamagui/adapt"), module.exports);
+__reExport(src_exports, require("@tamagui/alert-dialog"), module.exports);
+__reExport(src_exports, require("@tamagui/animate-presence"), module.exports);
+__reExport(src_exports, require("@tamagui/avatar"), module.exports);
+__reExport(src_exports, require("@tamagui/button"), module.exports);
+__reExport(src_exports, require("@tamagui/card"), module.exports);
+__reExport(src_exports, require("@tamagui/checkbox"), module.exports);
+__reExport(src_exports, require("@tamagui/compose-refs"), module.exports);
+__reExport(src_exports, require("@tamagui/create-context"), module.exports);
+__reExport(src_exports, require("@tamagui/dialog"), module.exports);
+__reExport(src_exports, require("@tamagui/font-size"), module.exports);
+__reExport(src_exports, require("@tamagui/form"), module.exports);
+__reExport(src_exports, require("@tamagui/group"), module.exports);
+__reExport(src_exports, require("@tamagui/react-native-media-driver"), module.exports);
+__reExport(src_exports, require("@tamagui/elements"), module.exports);
+__reExport(src_exports, require("@tamagui/helpers-tamagui"), module.exports);
+__reExport(src_exports, require("@tamagui/image"), module.exports);
+__reExport(src_exports, require("@tamagui/label"), module.exports);
+__reExport(src_exports, require("@tamagui/list-item"), module.exports);
+__reExport(src_exports, require("@tamagui/popover"), module.exports);
+__reExport(src_exports, require("@tamagui/popper"), module.exports);
+__reExport(src_exports, require("@tamagui/portal"), module.exports);
+__reExport(src_exports, require("@tamagui/progress"), module.exports);
+__reExport(src_exports, require("@tamagui/radio-group"), module.exports);
+__reExport(src_exports, require("@tamagui/scroll-view"), module.exports);
+__reExport(src_exports, require("@tamagui/select"), module.exports);
+__reExport(src_exports, require("@tamagui/separator"), module.exports);
+__reExport(src_exports, require("@tamagui/shapes"), module.exports);
+__reExport(src_exports, require("@tamagui/sheet"), module.exports);
+__reExport(src_exports, require("@tamagui/slider"), module.exports);
+__reExport(src_exports, require("@tamagui/stacks"), module.exports);
+__reExport(src_exports, require("@tamagui/switch"), module.exports);
+__reExport(src_exports, require("@tamagui/tabs"), module.exports);
+__reExport(src_exports, require("@tamagui/text"), module.exports);
+__reExport(src_exports, require("@tamagui/theme"), module.exports);
+__reExport(src_exports, require("@tamagui/toggle-group"), module.exports);
+__reExport(src_exports, require("@tamagui/tooltip"), module.exports);
+__reExport(src_exports, require("@tamagui/use-controllable-state"), module.exports);
+__reExport(src_exports, require("@tamagui/use-debounce"), module.exports);
+__reExport(src_exports, require("@tamagui/use-force-update"), module.exports);
+__reExport(src_exports, require("@tamagui/use-window-dimensions"), module.exports);
+__reExport(src_exports, require("@tamagui/visually-hidden"), module.exports);
+__reExport(src_exports, require("./createTamagui"), module.exports);
+__reExport(src_exports, require("./viewTypes"), module.exports);
+__reExport(src_exports, require("./views/TamaguiProvider"), module.exports);
+__reExport(src_exports, require("./views/Anchor"), module.exports);
+__reExport(src_exports, require("./views/EnsureFlexed"), module.exports);
+__reExport(src_exports, require("./views/Fieldset"), module.exports);
+__reExport(src_exports, require("./views/Input"), module.exports);
+__reExport(src_exports, require("./views/Spinner"), module.exports);
+__reExport(src_exports, require("./views/TextArea"), module.exports);
+__reExport(src_exports, require("./views/Text"), module.exports);
+var import_core = require("@tamagui/core");
+//# sourceMappingURL=index.js.map

package/dist/cjs/linear-gradient.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var linear_gradient_exports = {};
+module.exports = __toCommonJS(linear_gradient_exports);
+__reExport(linear_gradient_exports, require("@tamagui/linear-gradient"), module.exports);
+//# sourceMappingURL=linear-gradient.js.map

package/dist/cjs/react-native-web/Dimensions.js

@@ -0,0 +1,79 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var Dimensions_exports = {};
+__export(Dimensions_exports, {
+  Dimensions: () => Dimensions
+});
+module.exports = __toCommonJS(Dimensions_exports);
+const dimensions = {
+  window: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  },
+  screen: {
+    fontScale: 1,
+    height: 0,
+    scale: 1,
+    width: 0
+  }
+}, listeners = {}, canUseDOM = typeof window < "u";
+let shouldInit = canUseDOM;
+function update() {
+  if (!canUseDOM)
+    return;
+  const win = window, docEl = win.document.documentElement;
+  dimensions.window = {
+    fontScale: 1,
+    height: docEl.clientHeight,
+    scale: win.devicePixelRatio || 1,
+    width: docEl.clientWidth
+  }, dimensions.screen = {
+    fontScale: 1,
+    height: win.screen.height,
+    scale: win.devicePixelRatio || 1,
+    width: win.screen.width
+  };
+}
+function handleResize() {
+  update(), Array.isArray(listeners.change) && listeners.change.forEach((handler) => handler(dimensions));
+}
+const Dimensions = {
+  get(dimension) {
+    if (shouldInit && (shouldInit = !1, update()), dimensions[dimension] === void 0)
+      throw new Error(`No dimension set for key ${dimension}`);
+    return dimensions[dimension];
+  },
+  set(initialDimensions) {
+    if (initialDimensions) {
+      if (canUseDOM)
+        throw new Error("Dimensions cannot be set in the browser");
+      initialDimensions.screen != null && (dimensions.screen = initialDimensions.screen), initialDimensions.window != null && (dimensions.window = initialDimensions.window);
+    }
+  },
+  addEventListener(type, handler) {
+    return listeners[type] = listeners[type] || [], listeners[type].push(handler), {
+      remove: () => {
+        this.removeEventListener(type, handler);
+      }
+    };
+  },
+  removeEventListener(type, handler) {
+    Array.isArray(listeners[type]) && (listeners[type] = listeners[type].filter((_handler) => _handler !== handler));
+  }
+};
+canUseDOM && window.addEventListener("resize", handleResize, !1);
+//# sourceMappingURL=Dimensions.js.map

package/dist/cjs/setup.js

@@ -0,0 +1,23 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  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: !0 }) : target,
+  mod
+));
+var import_polyfill_dev = require("@tamagui/polyfill-dev"), React = __toESM(require("react"));
+globalThis.React ||= React;
+typeof requestAnimationFrame > "u" && (globalThis.requestAnimationFrame = setImmediate);
+//# sourceMappingURL=setup.js.map

package/dist/cjs/viewTypes.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var viewTypes_exports = {};
+module.exports = __toCommonJS(viewTypes_exports);
+//# sourceMappingURL=viewTypes.js.map

package/dist/cjs/views/Anchor.js

@@ -0,0 +1,42 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var Anchor_exports = {};
+__export(Anchor_exports, {
+  Anchor: () => Anchor
+});
+module.exports = __toCommonJS(Anchor_exports);
+var import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_text = require("@tamagui/text"), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+const AnchorFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: "Anchor",
+  tag: "a",
+  accessibilityRole: "link"
+}), Anchor = AnchorFrame.styleable(
+  ({ href, target, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    AnchorFrame,
+    {
+      ...props,
+      ...import_constants.isWeb ? {
+        href,
+        target
+      } : {
+        onPress: (event) => {
+          props.onPress?.(event), href !== void 0 && import_react_native.Linking.openURL(href);
+        }
+      },
+      ref
+    }
+  )
+);
+//# sourceMappingURL=Anchor.js.map

package/dist/cjs/views/EnsureFlexed.js

@@ -0,0 +1,31 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var EnsureFlexed_exports = {};
+__export(EnsureFlexed_exports, {
+  EnsureFlexed: () => EnsureFlexed
+});
+module.exports = __toCommonJS(EnsureFlexed_exports);
+var import_core = require("@tamagui/core");
+const EnsureFlexed = (0, import_core.styled)(import_core.Text, {
+  opacity: 0,
+  lineHeight: 0,
+  height: 0,
+  display: "flex",
+  fontSize: 200,
+  children: "wwwwwwwwwwwwwwwwwww",
+  pointerEvents: "none"
+});
+EnsureFlexed.isVisuallyHidden = !0;
+//# sourceMappingURL=EnsureFlexed.js.map

package/dist/cjs/views/Fieldset.js

@@ -0,0 +1,33 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var Fieldset_exports = {};
+__export(Fieldset_exports, {
+  Fieldset: () => Fieldset
+});
+module.exports = __toCommonJS(Fieldset_exports);
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks");
+const Fieldset = (0, import_core.styled)(import_stacks.YStack, {
+  name: "Fieldset",
+  tag: "fieldset",
+  variants: {
+    horizontal: {
+      true: {
+        flexDirection: "row",
+        alignItems: "center"
+      }
+    }
+  }
+});
+//# sourceMappingURL=Fieldset.js.map

package/dist/cjs/views/Input.js

@@ -0,0 +1,103 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Input_exports = {};
+__export(Input_exports, {
+  Input: () => Input,
+  InputFrame: () => InputFrame,
+  defaultStyles: () => defaultStyles,
+  useInputProps: () => useInputProps
+});
+module.exports = __toCommonJS(Input_exports);
+var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_focusable = require("@tamagui/focusable"), import_react_native = require("react-native-web"), import_inputHelpers = require("../helpers/inputHelpers"), import_jsx_runtime = require("react/jsx-runtime");
+const defaultStyles = {
+  size: "$true",
+  fontFamily: "$body",
+  borderWidth: 1,
+  outlineWidth: 0,
+  color: "$color",
+  ...import_constants.isWeb ? {
+    tabIndex: 0
+  } : {
+    focusable: !0
+  },
+  borderColor: "$borderColor",
+  backgroundColor: "$background",
+  // this fixes a flex bug where it overflows container
+  minWidth: 0,
+  hoverStyle: {
+    borderColor: "$borderColorHover"
+  },
+  focusStyle: {
+    borderColor: "$borderColorFocus"
+  },
+  focusVisibleStyle: {
+    outlineColor: "$outlineColor",
+    outlineWidth: 2,
+    outlineStyle: "solid"
+  }
+}, InputFrame = (0, import_core.styled)(
+  import_react_native.TextInput,
+  {
+    name: "Input",
+    variants: {
+      unstyled: {
+        false: defaultStyles
+      },
+      size: {
+        "...size": import_inputHelpers.inputSizeVariant
+      },
+      disabled: {
+        true: {}
+      }
+    },
+    defaultVariants: {
+      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    }
+  },
+  {
+    isInput: !0,
+    accept: {
+      placeholderTextColor: "color",
+      selectionColor: "color"
+    }
+  }
+), Input = InputFrame.styleable((propsIn, forwardedRef) => {
+  const ref = import_react.default.useRef(null), composedRefs = (0, import_core.useComposedRefs)(forwardedRef, ref), props = useInputProps(propsIn, composedRefs);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputFrame, { ...props });
+});
+function useInputProps(props, ref) {
+  const theme = (0, import_core.useTheme)(), { onChangeText, ref: combinedRef } = (0, import_focusable.useFocusable)({
+    // @ts-ignore
+    props,
+    ref,
+    isInput: !0
+  }), placeholderColorProp = props.placeholderTextColor, placeholderTextColor = theme[placeholderColorProp]?.get() ?? placeholderColorProp ?? theme.placeholderColor?.get();
+  return {
+    ref: combinedRef,
+    readOnly: props.disabled,
+    ...props,
+    placeholderTextColor,
+    onChangeText
+  };
+}
+//# sourceMappingURL=Input.js.map

package/dist/cjs/views/Skeleton.js

@@ -0,0 +1 @@
+//# sourceMappingURL=Skeleton.js.map

package/dist/cjs/views/Spinner.js

@@ -0,0 +1,41 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var Spinner_exports = {};
+__export(Spinner_exports, {
+  Spinner: () => Spinner
+});
+module.exports = __toCommonJS(Spinner_exports);
+var import_core = require("@tamagui/core"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_native = require("react-native-web"), import_jsx_runtime = require("react/jsx-runtime");
+const Spinner = import_stacks.YStack.extractable(
+  (0, import_core.themeable)(
+    React.forwardRef((props, ref) => {
+      const { size, color: colorProp, ...stackProps } = props, theme = (0, import_core.useTheme)();
+      let color = colorProp;
+      return color && color[0] === "$" && (color = (0, import_core.variableToString)(theme[color])), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, { ref, ...stackProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.ActivityIndicator, { size, color }) });
+    }),
+    {
+      componentName: "Spinner"
+    }
+  )
+);
+//# sourceMappingURL=Spinner.js.map