@planningcenter/tapestry-react 2.10.0-rc.8 → 2.10.0

package/dist/esm/vendor/react-measure/Measure.js

@@ -0,0 +1,158 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { Component } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import { defaultFormula } from './utils'; // TODO: look into measureText function that uses canvas measurer to collect widths faster, should be able to accept an array
+// possibly have const { measureRef, measureText } = measure(id), measureText(txt) | measureText([txt,txt,txt])
+
+var Measure = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Measure, _Component);
+
+  function Measure() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_this), "firstResizeEvent", true);
+
+    _defineProperty(_assertThisInitialized(_this), "storingMeasurements", false);
+
+    _defineProperty(_assertThisInitialized(_this), "nodes", {});
+
+    _defineProperty(_assertThisInitialized(_this), "formulas", {});
+
+    _defineProperty(_assertThisInitialized(_this), "refsById", {});
+
+    _defineProperty(_assertThisInitialized(_this), "measurements", null);
+
+    _defineProperty(_assertThisInitialized(_this), "measureRef", function (id, _temp) {
+      var _ref = _temp === void 0 ? {} : _temp,
+          _ref$formula = _ref.formula,
+          formula = _ref$formula === void 0 ? defaultFormula : _ref$formula,
+          innerRef = _ref.innerRef;
+
+      if (!_this.refsById[id]) {
+        _this.refsById[id] = function (node) {
+          var previousStoredNode = _this.nodes[id];
+
+          if (node) {
+            // store id on node so we can retrieve formula and store new
+            // measurements in ResizeObserver callback
+            node.__measureId = id;
+            _this.nodes[id] = node;
+            _this.formulas[id] = formula;
+
+            _this.resizeObserver.observe(node);
+          } else if (previousStoredNode) {
+            _this.resizeObserver.unobserve(previousStoredNode);
+
+            delete _this.formulas[id];
+            delete _this.nodes[id];
+            delete _this.measurements[id];
+          } // allow other libraries to interop with node
+
+
+          if (innerRef) {
+            innerRef(node);
+          }
+        };
+      }
+
+      return _this.refsById[id];
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getMeasurements", function () {
+      return Object.keys(_this.nodes).reduce(function (measurements, key) {
+        var _objectSpread2;
+
+        var node = _this.nodes[key];
+        var formula = _this.formulas[key];
+        return _objectSpread(_objectSpread({}, measurements), {}, (_objectSpread2 = {}, _objectSpread2[key] = formula(node), _objectSpread2));
+      }, {});
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "resizeObserver", new ResizeObserver(function (entries) {
+      if (_this.firstResizeEvent) {
+        _this.firstResizeEvent = false;
+      } else {
+        var measurements = _objectSpread({}, _this.measurements);
+
+        entries.forEach(function (entry) {
+          var id = entry.target.__measureId;
+          var node = _this.nodes[id];
+          var formula = _this.formulas[id];
+
+          if (formula) {
+            measurements[id] = formula(node);
+          }
+        });
+        _this.measurements = measurements;
+
+        if (_this.props.updateOnMeasure) {
+          _this.forceUpdate();
+        }
+
+        if (_this.props.onMeasure) {
+          _this.props.onMeasure(measurements, _this.nodes);
+        }
+      }
+    }));
+
+    return _this;
+  } // prevent firing two renders when component mounts, getting measurements in bind
+  // is faster than attaching a ResizeObserver and waiting for the first callback
+
+
+  var _proto = Measure.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    if (this.props.updateOnMeasure || this.props.onMeasure) {
+      this.updateMeasurements();
+    }
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+  };
+
+  _proto.updateMeasurements = function updateMeasurements() {
+    var measurements = this.getMeasurements();
+    this.measurements = measurements;
+
+    if (this.props.updateOnMeasure) {
+      this.forceUpdate();
+    }
+
+    if (this.props.onMeasure) {
+      this.props.onMeasure(measurements, this.nodes);
+    }
+  };
+
+  _proto.render = function render() {
+    return this.props.children({
+      measureRef: this.measureRef,
+      measurements: this.measurements,
+      getMeasurements: this.getMeasurements
+    });
+  };
+
+  return Measure;
+}(Component);
+
+_defineProperty(Measure, "defaultProps", {
+  updateOnMeasure: true
+});
+
+export default Measure;

package/dist/esm/vendor/react-measure/Viewport.js

@@ -0,0 +1,169 @@
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { Component } from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+import { getClosestScrollElement, getScrollDirection, getWindowSize, getElementSize } from './utils';
+
+// TODO: delegate Viewport measuring to a store when multiple components measure window
+var Viewport = /*#__PURE__*/function (_Component) {
+  _inheritsLoose(Viewport, _Component);
+
+  function Viewport() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+
+    _defineProperty(_assertThisInitialized(_this), "firstResizeEvent", true);
+
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      width: 0,
+      height: 0,
+      scrollWidth: 0,
+      scrollHeight: 0,
+      scrollX: 0,
+      scrollY: 0,
+      scrollXDirection: null,
+      scrollYDirection: null
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getScroll", function () {
+      var scrollX = _this.isWindow ? window.pageXOffset : _this.scrollElement.scrollLeft;
+      var scrollY = _this.isWindow ? window.pageYOffset : _this.scrollElement.scrollTop;
+      var scrollState = {
+        scrollX: scrollX,
+        scrollY: scrollY,
+        scrollXDirection: getScrollDirection('x', _this.lastScrollX, scrollX),
+        scrollYDirection: getScrollDirection('y', _this.lastScrollY, scrollY)
+      };
+      return scrollState;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateScroll", function () {
+      var scrollState = _this.getScroll();
+
+      if (_this.lastScrollX !== scrollState.scrollX || _this.lastScrollY !== scrollState.scrollY) {
+        if (_this.props.updateOnScroll) {
+          _this.setState(scrollState);
+        }
+
+        if (_this.props.onScroll) {
+          _this.props.onScroll(scrollState);
+        }
+      }
+
+      _this.lastScrollX = scrollState.scrollX;
+      _this.lastScrollY = scrollState.scrollY;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getSize", function () {
+      return _this.isWindow ? getWindowSize() : getElementSize(_this.scrollElement);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "updateSize", function () {
+      var sizeState = _this.getSize();
+
+      if (_this.props.updateOnResize) {
+        _this.setState(sizeState);
+      }
+
+      if (_this.props.onResize) {
+        _this.props.onResize(sizeState);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "setRef", function (innerRef) {
+      if (typeof innerRef === 'function') {
+        return function (node) {
+          if (!_this.node) {
+            _this.node = node;
+          }
+
+          innerRef(node);
+        };
+      } else {
+        if (!_this.node) {
+          _this.node = innerRef;
+        }
+      }
+    });
+
+    return _this;
+  }
+
+  var _proto = Viewport.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    var _this2 = this;
+
+    this.scrollElement = getClosestScrollElement(this.node);
+    this.isWindow = this.scrollElement === window;
+
+    if (this.props.updateOnScroll || this.props.onScroll) {
+      this.scrollElement.addEventListener('scroll', this.updateScroll, {
+        passive: true
+      });
+    }
+
+    this.updateScroll();
+
+    if (this.props.updateOnResize || this.props.onResize) {
+      if (this.isWindow) {
+        window.addEventListener('resize', this.updateSize);
+      } else {
+        this.resizeObserver = new ResizeObserver(function () {
+          if (_this2.firstResizeEvent) {
+            _this2.firstResizeEvent = false;
+          } else {
+            _this2.updateSize();
+          }
+        });
+        this.resizeObserver.observe(this.scrollElement);
+      }
+    }
+
+    this.updateSize();
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    if (this.props.updateOnScroll || this.props.onScroll) {
+      this.scrollElement.removeEventListener('scroll', this.updateScroll, {
+        passive: true
+      });
+    }
+
+    if (this.props.updateOnResize || this.props.onResize) {
+      if (this.isWindow) {
+        window.removeEventListener('resize', this.updateSize);
+      } else {
+        this.resizeObserver.disconnect();
+      }
+    }
+  };
+
+  _proto.render = function render() {
+    return this.props.children(_objectSpread({
+      ref: this.setRef,
+      getScroll: this.getScroll,
+      getSize: this.getSize
+    }, this.state));
+  };
+
+  return Viewport;
+}(Component);
+
+_defineProperty(Viewport, "defaultProps", {
+  updateOnScroll: true,
+  updateOnResize: true
+});
+
+export default Viewport;

package/dist/esm/vendor/react-measure/index.js

@@ -0,0 +1,2 @@
+export { default as Measure } from './Measure';
+export { default as Viewport } from './Viewport';

package/dist/esm/vendor/react-measure/utils.js

@@ -0,0 +1,68 @@
+export function isScrollElement(element) {
+  try {
+    var _window$getComputedSt = window.getComputedStyle(element),
+        overflow = _window$getComputedSt.overflow,
+        overflowX = _window$getComputedSt.overflowX,
+        overflowY = _window$getComputedSt.overflowY;
+
+    return /(auto|scroll)/.test(overflow + overflowX + overflowY);
+  } catch (e) {
+    return false;
+  }
+}
+export function getParentNode(element) {
+  if (element.nodeName === 'HTML') {
+    return element;
+  }
+
+  return element.parentNode || element.host;
+}
+export function getClosestScrollElement(element) {
+  if (!element || element === document.body) {
+    return window;
+  } else if (isScrollElement(element)) {
+    return element;
+  } else {
+    return getClosestScrollElement(getParentNode(element));
+  }
+}
+export function getScrollDirection(axis, last, next) {
+  if (next === last) {
+    return null;
+  } else {
+    return next - last > 0 ? axis === 'x' ? 'right' : 'down' : axis === 'x' ? 'left' : 'up';
+  }
+}
+export function getDocumentWidth() {
+  return Math.max(document.body.scrollWidth, document.body.offsetWidth, document.documentElement.clientWidth, document.documentElement.scrollWidth, document.documentElement.offsetWidth);
+}
+export function getDocumentHeight() {
+  return Math.max(document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, document.documentElement.offsetHeight);
+}
+export function getWindowSize() {
+  return {
+    width: window.innerWidth,
+    height: window.innerHeight,
+    scrollWidth: getDocumentWidth(),
+    scrollHeight: getDocumentHeight()
+  };
+}
+export function getElementSize(node) {
+  return {
+    width: node.offsetWidth,
+    height: node.offsetHeight,
+    scrollWidth: node.scrollWidth,
+    scrollHeight: node.scrollHeight
+  };
+}
+export function defaultFormula(node) {
+  var rect = node.getBoundingClientRect();
+  return {
+    width: rect.width,
+    height: rect.height,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left
+  };
+}

package/dist/types/ActionsDropdown/ActionsDropdown.d.ts

@@ -1,22 +1,35 @@
 import * as React from 'react';
 declare type ActionsDropdownProps = {
+    /** Accepts [Dropdown.Item](/dropdown) and [Dropdown.Link](/dropdown) elements. */
     children?: React.ReactNode;
+    /** Props for default button state. */
     defaultButtonProps?: object;
+    /** Provide amount of duplicates as well as a link to resolve them. */
     duplicates?: {
+        /** Amount of duplicates. */
         amount: number;
+        /** [Link](/link) props. */
         linkProps: object;
     };
+    /** Props for duplicates button state. Activated when `duplicates.amount` is greater than 0. */
     duplicatesButtonProps?: object;
+    /** Provide date and reason user became inactive as well as a link to reactivate them. */
     inactive?: {
+        /** Valid JavaScript Date. */
         date?: Date;
+        /** Reason user was inactivated. */
         reason: string;
+        /** [Link](/link) props. */
         linkProps: object;
     };
+    /** Props for inactive button state. Activated when `inactive.date` is present. */
     inactiveButtonProps?: object;
+    /** Determines logic for when user is below manager role. */
     isBelowManager?: boolean;
+    /** Determines logic for when used in People product. */
     isPeopleProduct?: boolean;
+    /** Callback when "Delete Profile" item is selected. */
     onDeleteProfile?: boolean;
 };
 export declare function ActionsDropdown({ children, defaultButtonProps, duplicates, duplicatesButtonProps, inactive, inactiveButtonProps, isBelowManager, isPeopleProduct, onDeleteProfile, }: ActionsDropdownProps): JSX.Element;
 export {};
-//# sourceMappingURL=ActionsDropdown.d.ts.map

package/dist/types/ActionsDropdown/index.d.ts

@@ -1,3 +1,2 @@
 export * from './ActionsDropdown';
 export { ActionsDropdown as default } from './ActionsDropdown';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/Alert/Alert.d.ts

@@ -3,10 +3,11 @@ import { MediaQueries } from '../index';
 import { StackViewProps } from '../StackView';
 export declare type AlertProps = {
     children?: any;
+    /** Sets status theme colors. */
     type?: 'warning' | 'success' | 'error';
+    /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
     mediaQueries?: object;
 } & StackViewProps;
 declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps & MediaQueries<AlertProps>;
 export declare function Alert(props: Props): JSX.Element;
 export default Alert;
-//# sourceMappingURL=Alert.d.ts.map

package/dist/types/Alert/Alert.test.d.ts

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=Alert.test.d.ts.map

package/dist/types/Alert/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Alert';
 export { Alert as default } from './Alert';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/Avatar/Avatar.d.ts

@@ -1,8 +1,19 @@
 declare type AvatarProps = {
+    /**
+     * Controls the size of the avatar.
+     */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * The source of the image to display.
+     */
     source?: string;
+    /**
+     * Adds a colored ring with padding around the avatar. Accepts a valid color string.
+     */
     status?: string;
 };
+/**
+ * Displays a user's avatar in a circle.
+ */
 export declare function Avatar({ size, source, status, ...restProps }: AvatarProps): JSX.Element;
 export default Avatar;
-//# sourceMappingURL=Avatar.d.ts.map

package/dist/types/Badge/Badge.d.ts

@@ -2,15 +2,42 @@ import React from 'react';
 import { StackViewProps } from '../StackView';
 export declare type BadgeProps = {
     children?: any;
+    /**
+     * Background color of the badge, sets an accessible text color
+     */
     color?: string;
+    /**
+     * Size of badge
+     */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Uses a 1:1 padding ratio, useful for icon only badges.
+     */
     square?: boolean;
+    /**
+     * The text to be rendered
+     */
     title?: string;
+    /**
+     * Allows rendering any content inside the beginning of the badge.
+     */
     renderLeft?: React.ReactNode;
+    /**
+     * Allows rendering any content inside the end of the badge.
+     */
     renderRight?: React.ReactNode;
+    /**
+     * `onClick={stopPropagationClick(onClick)}`
+     *
+     * Callback passed to `stopPropagationClick` which
+     * adds event.stopPropagation() to a component's onClick event.
+     * Used to prevent element's onClick from bubbling up the tree.
+     */
     onClick?: Function;
+    /**
+     * The size of the radius. (Default is 3px).
+     */
     radius?: number | string;
 } & StackViewProps;
 declare const Badge: ({ children, renderLeft, renderRight, onClick, title, ...restProps }: BadgeProps) => JSX.Element;
 export default Badge;
-//# sourceMappingURL=Badge.d.ts.map

package/dist/types/Badge/Status.d.ts

@@ -1,9 +1,24 @@
 import { BadgeProps } from './Badge';
 export declare type StatusProps = {
+    /**
+     * When `true`, Sets a light background to use against darker backgrounds.
+     */
     light?: boolean;
+    /**
+     * Called when the status should be set hidden
+     */
     onClearRequest: () => void;
+    /**
+     * The size of the badge
+     */
     size?: BadgeProps['size'];
+    /**
+     * The status of the badge, if nothing passed, nothing will be rendered.
+     */
     status?: 'error' | 'success';
+    /**
+     * Title of badge
+     */
     title: string;
 };
 declare const Status: {
@@ -11,4 +26,3 @@ declare const Status: {
     displayName: string;
 };
 export default Status;
-//# sourceMappingURL=Status.d.ts.map

package/dist/types/Box/Box.d.ts

@@ -1,24 +1,76 @@
+/** @jsx jsx */
 import * as React from 'react';
 import { jsx } from '@emotion/react';
 import { StyleProps } from '../index';
 export declare type BoxProps<E extends React.ElementType = React.ElementType> = {
+    /**
+     * Render custom component or HTML element tag. (Defaults to a `<div>` element).
+     */
     as?: E;
+    /**
+     * The content of the box.
+     */
     children?: React.ReactNode;
+    /**
+     * If true, sets `display: inline-block`, otherwise it defaults to `display: block`
+     */
     inline?: boolean;
+    /**
+     * Gain access to the internal ref
+     */
     innerRef?: React.Ref<any>;
+    /**
+     * Describes styles for the box when hovered.
+     */
     hover?: object;
+    /**
+     * Describes props at different breakpoints. [Read about mediaQueries](/responsive).
+     */
     mediaQueries?: object;
+    /**
+     * Describes styles at various points in time. [Read about variants](/variants).
+     */
     variants?: object;
+    /**
+     * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
+     */
     visible?: boolean;
 } & StyleProps;
+/**
+ * Box is the base component that everything builds from. It is responsible for processing all style props.
+ */
 export declare const Box: <E extends React.ElementType<any> = "div">({ as, inline, innerRef, ...props }: {
+    /**
+     * Render custom component or HTML element tag. (Defaults to a `<div>` element).
+     */
     as?: E;
+    /**
+     * The content of the box.
+     */
     children?: React.ReactNode;
+    /**
+     * If true, sets `display: inline-block`, otherwise it defaults to `display: block`
+     */
     inline?: boolean;
+    /**
+     * Gain access to the internal ref
+     */
     innerRef?: React.Ref<any>;
+    /**
+     * Describes styles for the box when hovered.
+     */
     hover?: object;
+    /**
+     * Describes props at different breakpoints. [Read about mediaQueries](/responsive).
+     */
     mediaQueries?: object;
+    /**
+     * Describes styles at various points in time. [Read about variants](/variants).
+     */
     variants?: object;
+    /**
+     * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
+     */
     visible?: boolean;
 } & Pick<React.CSSProperties, "clipPath" | "filter" | "mask" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "border" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clear" | "clip" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "content" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "top" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "color" | "fill" | "stroke", import("type-fest").LiteralUnion<"background" | "foreground" | "foregroundSecondary" | "foregroundTertiary" | "backgroundSecondary" | "backgroundTertiary" | "surface" | "surfaceSecondary" | "surfaceTertiary" | "separator" | "separatorSecondary" | "separatorTertiary" | "separatorHover" | "separatorFocus" | "separatorFocusSecondary" | "highlight" | "highlightSecondary" | "linkForeground" | "linkBackground" | "primary" | "primary-light" | "primary-lighter" | "primary-lightest" | "primary-dark" | "primary-darker" | "primary-darkest" | "warning" | "warning-light" | "warning-lighter" | "warning-lightest" | "warning-dark" | "warning-darker" | "warning-darkest" | "error" | "error-light" | "error-lighter" | "error-lightest" | "error-dark" | "error-darker" | "error-darkest" | "success" | "success-light" | "success-lighter" | "success-lightest" | "success-dark" | "success-darker" | "success-darkest" | "sunday" | "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday" | "check-ins" | "giving" | "groups" | "music-stand" | "pco" | "people" | "planning-center" | "projector" | "registrations" | "calendar" | "services" | "red-0" | "red-1" | "red-2" | "red-3" | "red-4" | "red-5" | "red-6" | "red-7" | "red-8" | "red-9" | "blue-0" | "blue-1" | "blue-2" | "blue-3" | "blue-4" | "blue-5" | "blue-6" | "blue-7" | "blue-8" | "blue-9" | "green-0" | "green-1" | "green-2" | "green-3" | "green-4" | "green-5" | "green-6" | "green-7" | "green-8" | "green-9" | "yellow-0" | "yellow-1" | "yellow-2" | "yellow-3" | "yellow-4" | "yellow-5" | "yellow-6" | "yellow-7" | "yellow-8" | "yellow-9" | "light-0" | "light-1" | "light-2" | "light-3" | "light-4" | "light-5" | "light-6" | "light-7" | "light-8" | "light-9" | "dark-0" | "dark-1" | "dark-2" | "dark-3" | "dark-4" | "dark-5" | "dark-6" | "dark-7" | "dark-8" | "dark-9" | "grey-0" | "grey-1" | "grey-2" | "grey-3" | "grey-4" | "grey-5" | "grey-6" | "grey-7" | "grey-8" | "grey-9" | "transparent", string>>> & {
     css?: any;
@@ -50,4 +102,3 @@ export declare const Box: <E extends React.ElementType<any> = "div">({ as, inlin
     scale?: number;
     uppercase?: boolean;
 } & Pick<React.PropsWithoutRef<React.ComponentProps<E>>, Exclude<keyof React.PropsWithoutRef<React.ComponentProps<E>>, "clipPath" | "filter" | "mask" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "border" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clear" | "clip" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "content" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "top" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "color" | "fill" | "stroke" | "as" | "children" | "inline" | "innerRef" | "hover" | "mediaQueries" | "variants" | "visible" | "css" | "paddingHorizontal" | "paddingVertical" | "marginHorizontal" | "marginVertical" | "column" | "columnStart" | "columnEnd" | "row" | "rowStart" | "rowEnd" | "basis" | "grow" | "shrink" | "wrap" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "strokeAlign" | "strokeWeight" | "elevation" | "x" | "y" | "rotate" | "scale" | "uppercase">>) => jsx.JSX.Element;
-//# sourceMappingURL=Box.d.ts.map

package/dist/types/Box/index.d.ts

@@ -1,3 +1,2 @@
 export * from './Box';
 export { Box as default } from './Box';
-//# sourceMappingURL=index.d.ts.map