@airtable/blocks 0.0.0-experimental-20e3506bd-20250428

package/dist/cjs/base/ui/system/utils/create_style_prop_types.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createStylePropTypes;
+exports.stylePropValue = exports.stylePropType = void 0;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _create_responsive_prop_type = _interopRequireDefault(require("./create_responsive_prop_type"));
+var stylePropValue = exports.stylePropValue = _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]);
+var stylePropType = exports.stylePropType = (0, _create_responsive_prop_type.default)(stylePropValue);
+
+/** @internal */
+function createStylePropTypes() {
+  var propNames = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var propTypes = {};
+  propNames.forEach(propName => {
+    propTypes[propName] = stylePropType;
+  });
+  return propTypes;
+}

package/dist/cjs/base/ui/system/utils/csstype.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/base/ui/system/utils/ensure_numbers_are_within_scale.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ensureNumbersAreWithinScale;
+require("core-js/modules/es.number.constructor.js");
+var _core = require("@styled-system/core");
+var _error_utils = require("../../../../shared/error_utils");
+/** @internal */
+function isNumber(n) {
+  return typeof n === 'number' && !isNaN(n);
+}
+
+/** @internal */
+function ensureNumbersAreWithinScale(params) {
+  return (value, scale) => {
+    if (!Array.isArray(scale)) {
+      throw (0, _error_utils.spawnError)('The scale for "%s" should be an Array', params.propertyName);
+    }
+    if (!isNumber(value)) {
+      // Not a number, so simply return the value.
+      // We still use `get` if we are dealing with responsive values.
+      return (0, _core.get)(scale, value, value);
+    }
+    if (!Number.isInteger(value)) {
+      throw (0, _error_utils.spawnError)('The number you passed for "%s" is not supported. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
+    }
+    var isValueNegative = value < 0;
+    if (isValueNegative && !params.shouldAllowNegativeNumbers) {
+      throw (0, _error_utils.spawnError)('The scale for the "%s" property does not support negative values. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
+    }
+    var absoluteValue = Math.abs(value);
+    if (absoluteValue >= scale.length) {
+      throw (0, _error_utils.spawnError)('The number you passed for "%s" falls out the scale. To use a pixel value, pass the string "%spx" instead.', params.propertyName, value);
+    }
+    var valueFromScale = Number(scale[absoluteValue]);
+    return valueFromScale * (isValueNegative ? -1 : 1);
+  };
+}

package/dist/cjs/base/ui/system/utils/enum_prop_type_utils.js

@@ -0,0 +1,35 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPropTypeFromEnum = createPropTypeFromEnum;
+exports.createResponsivePropTypeFromEnum = createResponsivePropTypeFromEnum;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _private_utils = require("../../../../shared/private_utils");
+var _create_responsive_prop_type = _interopRequireDefault(require("./create_responsive_prop_type"));
+/**
+ * Creates a React propType for a provided enum.
+ *
+ * @hidden
+ */
+function createPropTypeFromEnum(enumData) {
+  return _propTypes.default.oneOf((0, _private_utils.values)(enumData));
+}
+
+/**
+ * Creates a responsive React propType for a provided enum.
+ *
+ * This allows the prop to be either a valid enum property, or a map of viewport sizes to valid enum
+ * properties.
+ *
+ * @hidden
+ */
+function createResponsivePropTypeFromEnum(enumData) {
+  var propType = createPropTypeFromEnum(enumData);
+  return (0, _create_responsive_prop_type.default)(propType);
+}

package/dist/cjs/base/ui/system/utils/get_style_props_for_responsive_prop.js

@@ -0,0 +1,113 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.exec.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getStylePropsForResponsiveProp;
+var _error_utils = require("../../../../shared/error_utils");
+var _private_utils = require("../../../../shared/private_utils");
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+/**
+ * Given a styled system scale, convert a responsive prop object into a style props object.
+ * Typically used for variant APIs that compose multiple style props.
+ *
+ * @internal
+ */
+function getStylePropsForResponsiveProp(responsivePropObject, scale) {
+  var responsiveStyleProps = {};
+  var _iterator = _createForOfIteratorHelper((0, _private_utils.keys)(responsivePropObject)),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var viewportKey = _step.value;
+      var scaleValueForViewport = responsivePropObject[viewportKey];
+      (0, _error_utils.invariant)(scaleValueForViewport, 'scaleValueForViewport');
+      var propsForViewport = scale[scaleValueForViewport];
+      (0, _error_utils.invariant)(propsForViewport !== undefined && propsForViewport !== null, 'propsForViewport');
+      var _iterator3 = _createForOfIteratorHelper((0, _private_utils.keys)(propsForViewport)),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var propForViewportKey = _step3.value;
+          if (!(0, _private_utils.has)(responsiveStyleProps, propForViewportKey)) {
+            responsiveStyleProps[propForViewportKey] = {};
+          }
+          responsiveStyleProps[propForViewportKey][viewportKey] = propsForViewport[propForViewportKey];
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+
+    /**
+     * @internal
+     * If multiple values are the same for each viewport, just use a string value.
+     *
+     * For example turn the following object:
+     *
+     * ```
+     *  "fontSize": {
+     *      "smallViewport": "13px",
+     *      "mediumViewport": "15px"
+     *  },
+     *  "fontFamily": {
+     *      "smallViewport": "default",
+     *      "mediumViewport": "default"
+     *  },
+     * ```
+     *
+     * Into:
+     *
+     * ```
+     *  "fontSize": {
+     *      "smallViewport": "13px",
+     *      "mediumViewport": "15px"
+     *  },
+     *  "fontFamily": "default"
+     * ```
+     */
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  for (var _i = 0, _Object$keys = Object.keys(responsiveStyleProps); _i < _Object$keys.length; _i++) {
+    var stylePropKey = _Object$keys[_i];
+    var shouldConsolidateValue = true;
+    var prevValue = void 0;
+    var _iterator2 = _createForOfIteratorHelper((0, _private_utils.values)(responsiveStyleProps[stylePropKey])),
+      _step2;
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var value = _step2.value;
+        if (prevValue === undefined) {
+          prevValue = value;
+        } else if (prevValue !== value) {
+          shouldConsolidateValue = false;
+          break;
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+    if (shouldConsolidateValue) {
+      responsiveStyleProps[stylePropKey] = prevValue;
+    }
+  }
+  return responsiveStyleProps;
+}

package/dist/cjs/base/ui/system/utils/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/base/ui/table_picker.js

@@ -0,0 +1,95 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sharedTablePickerPropTypes = exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _table = _interopRequireDefault(require("../models/table"));
+var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
+var _sdk_context = require("../../shared/ui/sdk_context");
+var _select = require("./select");
+var _model_picker_select = _interopRequireDefault(require("./model_picker_select"));
+var _excluded = ["table", "shouldAllowPickingNone", "placeholder", "onChange"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @module @airtable/blocks/ui: TablePicker */ /** */
+/**
+ * Props shared between the {@link TablePicker} and {@link TablePickerSynced} components.
+ */
+
+// Shared with `TablePicker` and `TablePickerSynced`.
+var sharedTablePickerPropTypes = exports.sharedTablePickerPropTypes = _objectSpread({
+  shouldAllowPickingNone: _propTypes.default.bool,
+  placeholder: _propTypes.default.string,
+  onChange: _propTypes.default.func
+}, _select.sharedSelectBasePropTypes);
+
+/**
+ * Props for the {@link TablePicker} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/TablePicker
+ */
+
+/**
+ * Dropdown menu component for selecting tables.
+ *
+ * [[ Story id="modelpickers--tablepicker-example" title="Table picker example" ]]
+ *
+ * @docsPath UI/components/TablePicker
+ * @component
+ */
+var TablePicker = (props, ref) => {
+  var table = props.table,
+    shouldAllowPickingNone = props.shouldAllowPickingNone,
+    placeholder = props.placeholder,
+    onChange = props.onChange,
+    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var selectedTable = table && !table.isDeleted ? table : null;
+  var sdk = (0, _sdk_context.useSdk)();
+  (0, _use_watchable.default)(sdk.base, ['tables']);
+  function _onChange(tableId) {
+    if (onChange) {
+      var newTable = tableId ? sdk.base.getTableByIdIfExists(tableId) : null;
+      onChange(newTable);
+    }
+  }
+  var placeholderToUse;
+  if (placeholder === undefined) {
+    // Let's set a good default value for the placeholder, depending
+    // on the shouldAllowPickingNone flag.
+    placeholderToUse = shouldAllowPickingNone ? 'None' : 'Pick a table...';
+  } else {
+    placeholderToUse = placeholder;
+  }
+  return /*#__PURE__*/React.createElement(_model_picker_select.default, (0, _extends2.default)({}, restOfProps, {
+    ref: ref,
+    models: sdk.base.tables,
+    selectedModelId: selectedTable ? selectedTable.id : null,
+    modelKeysToWatch: ['name'],
+    shouldAllowPickingNone: shouldAllowPickingNone,
+    placeholder: placeholderToUse,
+    onChange: _onChange
+  }));
+};
+var ForwardedRefTablePicker = /*#__PURE__*/React.forwardRef(TablePicker);
+ForwardedRefTablePicker.displayName = 'TablePicker';
+ForwardedRefTablePicker.propTypes = _objectSpread({
+  table: _propTypes.default.instanceOf(_table.default)
+}, sharedTablePickerPropTypes);
+var _default = exports.default = ForwardedRefTablePicker;

package/dist/cjs/base/ui/table_picker_synced.js

@@ -0,0 +1,84 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _use_synced = _interopRequireDefault(require("../../shared/ui/use_synced"));
+var _use_watchable = _interopRequireDefault(require("../../shared/ui/use_watchable"));
+var _sdk_context = require("../../shared/ui/sdk_context");
+var _global_config_synced_component_helpers = _interopRequireDefault(require("../../shared/ui/global_config_synced_component_helpers"));
+var _table_picker = _interopRequireWildcard(require("./table_picker"));
+var _excluded = ["globalConfigKey", "onChange", "disabled"];
+/** @module @airtable/blocks/ui: TablePicker */
+/** */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Props for the {@link TablePickerSynced} component. Also accepts:
+ * * {@link SelectStyleProps}
+ *
+ * @docsPath UI/components/TablePickerSynced
+ * @groupPath UI/components/TablePicker
+ */
+
+/** @hidden */
+function _getTableFromGlobalConfigValue(sdk, tableId) {
+  return typeof tableId === 'string' ? sdk.base.getTableByIdIfExists(tableId) : null;
+}
+
+/**
+ * A wrapper around the {@link TablePicker} component that syncs with {@link GlobalConfig}.
+ *
+ * [[ Story id="modelpickers--tablepickersynced-example" title="Synced table picker example" ]]
+ *
+ * @docsPath UI/components/TablePickerSynced
+ * @groupPath UI/components/TablePicker
+ * @component
+ */
+var TablePickerSynced = (props, ref) => {
+  var globalConfigKey = props.globalConfigKey,
+    _onChange = props.onChange,
+    disabled = props.disabled,
+    restOfProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var _useSynced = (0, _use_synced.default)(globalConfigKey),
+    _useSynced2 = (0, _slicedToArray2.default)(_useSynced, 3),
+    tableId = _useSynced2[0],
+    setTableId = _useSynced2[1],
+    canSetTableId = _useSynced2[2];
+  var sdk = (0, _sdk_context.useSdk)();
+  (0, _use_watchable.default)(sdk.base, ['tables']);
+  return /*#__PURE__*/React.createElement(_table_picker.default, (0, _extends2.default)({}, restOfProps, {
+    ref: ref,
+    table: _getTableFromGlobalConfigValue(sdk, tableId),
+    onChange: table => {
+      setTableId(table ? table.id : null);
+      if (_onChange) {
+        _onChange(table);
+      }
+    },
+    disabled: disabled || !canSetTableId
+  }));
+};
+var ForwardedRefTablePickerSynced = /*#__PURE__*/React.forwardRef(TablePickerSynced);
+ForwardedRefTablePickerSynced.displayName = 'TablePickerSynced';
+ForwardedRefTablePickerSynced.propTypes = _objectSpread({
+  globalConfigKey: _global_config_synced_component_helpers.default.globalConfigKeyPropType
+}, _table_picker.sharedTablePickerPropTypes);
+var _default = exports.default = ForwardedRefTablePickerSynced;

package/dist/cjs/base/ui/text.js

@@ -0,0 +1,150 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.textVariantPropType = exports.textSizePropType = exports.default = exports.TextVariant = exports.TextSize = void 0;
+exports.useTextStyle = useTextStyle;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var React = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _emotion = require("emotion");
+var _private_utils = require("../../shared/private_utils");
+var _use_styled_system = _interopRequireDefault(require("./use_styled_system"));
+var _index = require("./system/index");
+var _get_style_props_for_responsive_prop = _interopRequireDefault(require("./system/utils/get_style_props_for_responsive_prop"));
+var _use_theme = _interopRequireDefault(require("./theme/use_theme"));
+var _aria_props = require("./types/aria_props");
+var _data_attributes_prop = require("./types/data_attributes_prop");
+var _enum_prop_type_utils = require("./system/utils/enum_prop_type_utils");
+var _excluded = ["as", "size", "variant", "children", "id", "role", "dataAttributes", "className", "style", "aria-label", "aria-labelledby", "aria-describedby", "aria-controls", "aria-expanded", "aria-haspopup", "aria-hidden", "aria-live"];
+/** @module @airtable/blocks/ui: Text */
+/** */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Variants for the {@link Text} component:
+ *
+ * • **default**
+ *
+ * Single-line text.
+ *
+ * • **paragraph**
+ *
+ * Multi-line text such as body copy.
+ */
+
+var TextVariant = exports.TextVariant = (0, _private_utils.createEnum)('default', 'paragraph');
+var textVariantPropType = exports.textVariantPropType = (0, _enum_prop_type_utils.createPropTypeFromEnum)(TextVariant);
+
+/**
+ * Sizes for the {@link Text} component.
+ */
+
+var TextSize = exports.TextSize = (0, _private_utils.createEnum)('small', 'default', 'large', 'xlarge');
+/** */
+
+var textSizePropType = exports.textSizePropType = (0, _enum_prop_type_utils.createResponsivePropTypeFromEnum)(TextSize);
+
+/** @internal */
+function useTextStyle(textSizeProp) {
+  var variant = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : TextVariant.default;
+  var _useTheme = (0, _use_theme.default)(),
+    textStyles = _useTheme.textStyles;
+  var textSizesForVariant = textStyles[variant];
+  var styleProps;
+  if (typeof textSizeProp === 'string') {
+    styleProps = textSizesForVariant[textSizeProp];
+  } else {
+    styleProps = (0, _get_style_props_for_responsive_prop.default)(textSizeProp, textSizesForVariant);
+  }
+  return (0, _use_styled_system.default)(styleProps);
+}
+
+/**
+ * Props for the {@link Text} component. Also supports:
+ * * {@link AriaProps}
+ * * {@link AllStylesProps}
+ *
+ * @noInheritDoc
+ * @docsPath UI/components/Text
+ */
+
+/**
+ * A text component with sizes and variants.
+ *
+ * [[ Story id="text--example" title="Text example" ]]
+ *
+ * @docsPath UI/components/Text
+ * @component
+ */
+var Text = (props, ref) => {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'p' : _props$as,
+    _props$size = props.size,
+    size = _props$size === void 0 ? TextSize.default : _props$size,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? TextVariant.default : _props$variant,
+    children = props.children,
+    id = props.id,
+    role = props.role,
+    dataAttributes = props.dataAttributes,
+    className = props.className,
+    style = props.style,
+    ariaLabel = props['aria-label'],
+    ariaLabelledBy = props['aria-labelledby'],
+    ariaDescribedBy = props['aria-describedby'],
+    ariaControls = props['aria-controls'],
+    ariaExpanded = props['aria-expanded'],
+    ariaHasPopup = props['aria-haspopup'],
+    ariaHidden = props['aria-hidden'],
+    ariaLive = props['aria-live'],
+    styleProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var classNameForTextStyle = useTextStyle(size, variant);
+  var classNameForStyleProps = (0, _use_styled_system.default)(_objectSpread({
+    textColor: 'default',
+    fontFamily: 'default'
+  }, styleProps));
+  return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    id: id,
+    className: (0, _emotion.cx)(classNameForTextStyle, classNameForStyleProps, className),
+    style: style,
+    role: role,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
+    "aria-hidden": ariaHidden,
+    "aria-live": ariaLive
+  }, dataAttributes), children);
+};
+var ForwardedRefText = /*#__PURE__*/React.forwardRef(Text);
+ForwardedRefText.propTypes = _objectSpread(_objectSpread({
+  as: _propTypes.default.oneOf(['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span', 'li', 'em', 'strong', 'kbd', 'mark', 'q', 's', 'samp', 'small', 'sub', 'sup', 'time', 'var', 'blockquote']),
+  size: textSizePropType,
+  variant: textVariantPropType,
+  children: _propTypes.default.node,
+  id: _propTypes.default.string,
+  role: _propTypes.default.string,
+  dataAttributes: _data_attributes_prop.dataAttributesPropType,
+  className: _propTypes.default.string,
+  style: _propTypes.default.object
+}, _index.allStylesPropTypes), _aria_props.ariaPropTypes);
+ForwardedRefText.displayName = 'Text';
+var _default = exports.default = ForwardedRefText;