@planningcenter/tapestry-react 0.0.1-alpha.0

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

@@ -0,0 +1,156 @@
+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;
+  }
+
+  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

@@ -0,0 +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 {};

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

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

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { MediaQueries } from '../index';
+import { StackViewProps } from '../StackView';
+export declare type AlertProps = {
+    /** Sets status theme colors. */
+    type?: 'warning' | 'success' | 'error';
+} & StackViewProps;
+declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps & MediaQueries<AlertProps>;
+export declare function Alert(props: Props): JSX.Element;
+export default Alert;

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { StyleProps, MediaQueries, Variants } from '../index';
+export declare type BoxProps = {
+    /**
+     * Render custom component or HTML element tag.
+     */
+    as?: any;
+    /**
+     * Gain access to the internal ref
+     */
+    innerRef?: any;
+    /**
+     * If true, sets "display: inline-block", otherwise it defaults to "display: block"
+     */
+    inline?: boolean;
+    /**
+     * Controls display property. If `false` sets `display: none`, otherwise defaults to initial display value.
+     */
+    visible?: boolean;
+} & StyleProps;
+declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & BoxProps & MediaQueries<BoxProps> & Variants<BoxProps>;
+/**
+ * Box is the base component that everything builds from. It is responsible for processing all style props.
+ */
+export declare function Box({ as, innerRef, inline, ...props }: Props): JSX.Element;
+export {};

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

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

package/dist/types/Button/Button.d.ts

@@ -0,0 +1,108 @@
+import * as React from 'react';
+import { BoxSizes, MediaQueries } from '../index';
+import { StackViewProps } from '../StackView';
+declare type ButtonProps = {
+    /**
+     * Disables button by removing click handlers and making the button transparent.
+     */
+    disabled?: boolean;
+    /**
+     * Opens the linked destination in a new window or tab.
+     */
+    external?: boolean;
+    /**
+     * Renders an [Icon](/icon) in the center of the button. Pass a string or any valid `Icon` props.
+     * Must pass a [`title`](/button#title) or [`tooltip.title`](/tooltip#title) when using icon-only buttons.
+     */
+    icon?: string | Object;
+    /**
+     * Same as above, but renders an icon in the left portion of the button.
+     */
+    iconLeft?: string | Object;
+    /**
+     * Same as above, but renders an icon in the right portion of the button.
+     */
+    iconRight?: string | Object;
+    /**
+     * Sizes the button using values defined in [boxSizes](/theming)
+     */
+    size?: keyof BoxSizes;
+    /**
+     * Renders a [`<Spinner />`](/spinner) in the center of the button. Accepts any valid Spinner props.
+     */
+    spinner?: any;
+    /**
+     * Uses a 1:1 ratio for sizing the button.
+     */
+    square?: boolean;
+    /**
+     * Uses theme defined in [`buttons.theme`](/theming). Pass `false` to not use theme at all.
+     */
+    theme?: string | boolean;
+    /**
+     * Renders a text string in the center of the button.
+     */
+    title?: string | number;
+    /**
+     * Where the browser should navigate to when pressed.
+     */
+    to?: string;
+    /**
+     * Wraps button in a [`<Tooltip />`](./tooltip). Accepts any valid Tooltip props.
+     */
+    tooltip?: string | Object;
+    /**
+     * Determines the modified style of the button.
+     */
+    variant?: 'fill' | 'outline' | 'naked';
+} & StackViewProps;
+declare type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & ButtonProps & MediaQueries<ButtonProps>;
+export declare function Button({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip, variant, ...restProps }: Props): JSX.Element;
+export declare namespace Button {
+    var Input: React.ForwardRefExoticComponent<Pick<React.RefAttributes<any> & React.HTMLAttributes<any> & {
+        children: React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)>) | (new (props: any) => React.Component<any, any, any>)> | ((inputProps: {
+            inputProps: any;
+            isOpen: boolean;
+            open: any;
+            close: any;
+        }) => React.ReactNode);
+        size?: "xs" | "sm" | "md" | "lg";
+        onClose: () => void;
+        onOpen: () => void;
+    } & {
+        as?: any;
+        innerRef?: any;
+        inline?: boolean;
+        visible?: boolean;
+    } & Pick<React.CSSProperties, "left" | "right" | "bottom" | "top" | "font" | "clipPath" | "filter" | "mask" | "resize" | "contain" | "clip" | "content" | "flex" | "clear" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeftStyle" | "borderLeftWidth" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "tabSize" | "tableLayout" | "textAlign" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "animation" | "background" | "borderBottom" | "borderImage" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "columnRule" | "columns" | "flexFlow" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "listStyle" | "margin" | "motion" | "outline" | "overflow" | "placeItems" | "placeSelf" | "textDecoration" | "transition" | "WebkitOverflowScrolling" | "gridColumnGap" | "gridGap" | "gridRowGap" | "alignmentBaseline" | "baselineShift" | "clipRule" | "fillOpacity" | "fillRule" | "lightingColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth"> & Partial<Record<"fill" | "color" | "stroke" | "backgroundColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "borderColor", import("type-fest").LiteralUnion<"transparent" | "error" | "success" | "separator" | "background" | "foreground" | "foregroundSecondary" | "foregroundTertiary" | "backgroundSecondary" | "backgroundTertiary" | "surface" | "surfaceSecondary" | "surfaceTertiary" | "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-light" | "error-lighter" | "error-lightest" | "error-dark" | "error-darker" | "error-darkest" | "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", string>>> & {
+        css?: any;
+        paddingHorizontal?: string | number;
+        paddingVertical?: string | number;
+        marginHorizontal?: string | number;
+        marginVertical?: string | number;
+        column?: import("csstype").Property.GridColumnEnd;
+        columnStart?: import("csstype").Property.GridColumnEnd;
+        columnEnd?: import("csstype").Property.GridColumnEnd;
+        row?: import("csstype").Property.GridColumnEnd;
+        rowStart?: import("csstype").Property.GridColumnEnd;
+        rowEnd?: import("csstype").Property.GridColumnEnd;
+        basis?: import("csstype").Property.BorderRadius<string | number>;
+        grow?: import("csstype").Property.FlexGrow;
+        shrink?: import("csstype").Property.FlexGrow;
+        wrap?: string | boolean;
+        radius?: import("csstype").Property.BorderRadius<string | number>;
+        radiusTop?: string | number;
+        radiusRight?: string | number;
+        radiusBottom?: string | number;
+        radiusLeft?: string | number;
+        strokeAlign?: "center" | "inside" | "outside";
+        strokeWeight?: number;
+        elevation?: number;
+        x?: string | number;
+        y?: string | number;
+        rotate?: number;
+        scale?: number;
+        uppercase?: boolean;
+    }, "left" | "right" | "bottom" | "top" | "hidden" | "visible" | "dir" | "font" | "slot" | "style" | "title" | "clipPath" | "filter" | "mask" | "resize" | "fill" | "color" | "contain" | "clip" | "column" | "content" | "size" | "inline" | "flex" | "row" | "wrap" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "alignContent" | "alignItems" | "alignSelf" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "columnCount" | "columnFill" | "columnGap" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumnEnd" | "gridColumnStart" | "gridRowEnd" | "gridRowStart" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "listStyleImage" | "listStylePosition" | "listStyleType" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "opacity" | "order" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "pointerEvents" | "position" | "rotate" | "scale" | "tabSize" | "tableLayout" | "textAlign" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "userSelect" | "verticalAlign" | "visibility" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zIndex" | "animation" | "background" | "borderBottom" | "borderColor" | "borderImage" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "columnRule" | "columns" | "flexFlow" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "gridTemplate" | "listStyle" | "margin" | "motion" | "outline" | "overflow" | "placeItems" | "placeSelf" | "textDecoration" | "transition" | "WebkitOverflowScrolling" | "gridColumnGap" | "gridGap" | "gridRowGap" | "alignmentBaseline" | "baselineShift" | "clipRule" | "fillOpacity" | "fillRule" | "lightingColor" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "prefix" | "children" | "key" | "as" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "paddingHorizontal" | "paddingVertical" | "marginHorizontal" | "marginVertical" | "columnStart" | "columnEnd" | "rowStart" | "rowEnd" | "basis" | "grow" | "shrink" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "strokeAlign" | "strokeWeight" | "elevation" | "onOpen" | "onClose"> & React.RefAttributes<unknown>>;
+}
+export {};

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

@@ -0,0 +1 @@
+export {};