@planningcenter/tapestry-react 4.14.0 → 4.14.1

package/dist/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IAIzB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAKd,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAAiC,EACjC,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,qBAcd"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAY,SAAS,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1D,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,UAAU,CAAA;AAEd;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,IAAmB,EACnB,KAAiC,EACjC,MAAU,EACV,IAAQ,EACR,GAAG,SAAS,EACb,EAAE,YAAY,qBAcd"}

package/dist/Drawer/Drawer.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export type Props = {
+    /** Controls whether the drawer is visible or not. Won't render contents until open is `true`. */
     open?: boolean;
 };
 declare function Drawer(props: Props): React.JSX.Element;

package/dist/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAsDd,MAAM,MAAM,KAAK,GAAG;IAElB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2B3B;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AAsDd,MAAM,MAAM,KAAK,GAAG;IAClB,iGAAiG;IACjG,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBA2B3B;AAED,eAAe,MAAM,CAAA"}

package/dist/Dropdown/Dropdown.d.ts

@@ -9,30 +9,63 @@ import Item from './Item';
 import Link from './Link';
 type Props = {
     as?: never;
+    /** Closes Popover upon selecting a `Dropdown.Item`. */
     closeOnSelect?: boolean;
+    /** Externally control Popover open state on initial render. */
     defaultOpen?: boolean;
     fontSize?: StyleProps['fontSize'];
     fontWeight?: StyleProps['fontWeight'];
+    /** Forces Popover open for testing purposes. */
     forceOpen?: boolean;
     iconLeft?: string | ComponentProps<typeof Icon>;
     iconRight?: ButtonProps['iconRight'] | null;
+    /** Gain access to the internal ref. */
     innerRef?: any;
+    /** Attempts to keep popover in view clipping edges if too large. */
     keepInView?: boolean;
+    /** Locks external scrollbars when open. */
     lockScrollWhileOpen?: boolean;
+    /** Matches anchor and popover widths. */
     matchWidths?: boolean | 'minimum';
     onClick?: MouseEventHandler;
+    /** Callback when Popover is closed. */
     onClose?: () => void;
     onKeyDown?: KeyboardEventHandler;
+    /** Callback when Popover is opened. */
     onOpen?: () => void;
+    /** Overrides the default search function for selecting a dropdown item via keyboard. */
     onSearch?: (event: KeyboardEvent) => void;
     onSelect?: (data: any) => void;
     paddingLeft?: StyleProps['paddingLeft'];
     paddingVertical?: StyleProps['paddingVertical'];
+    /**
+     * `'top-start'
+      | 'top'
+      | 'top-end'
+      | 'right-start'
+      | 'right'
+      | 'right-end'
+      | 'bottom-start'
+      | 'bottom'
+      | 'bottom-end'
+      | 'left-start'
+      | 'left'
+      | 'left-end'`
+  
+     * Where to place the popover.
+    */
     placement?: Placement;
+    /** Accepts any valid [Popover](/popover) props. */
     popoverProps?: object;
+    /**
+     * Where to render the popover into. Accepts an HTML element or selector.
+     * Uses the closest fixed parent or `document.body` by default. This will only
+     * be computed once on initial render.
+     */
     renderTo?: HTMLElement | string;
     spinner?: boolean;
     title?: JSX.Element | string;
+    /** Allows specifying a type or custom element that will be cloned and provided `Dropdown` trigger props. (Defaults to a [Button](/button).) */
     triggerElement?: React.ReactElement | React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
     triggerElementIsTapestryReact?: boolean;
     variant?: string;

package/dist/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/EditActions/EditActions.d.ts

@@ -1,7 +1,10 @@
 import React, { JSX } from 'react';
 type EditActionsProps = {
+    /** Renders any custom component or HTML element when not in the edit state.  */
     display?: React.ReactNode;
+    /** Renders any custom component or HTML element, usually form elments to capture user values. */
     edit?: React.ReactNode;
+    /** Shows a spinner if true and then optimistically shows a checkmark when false again. */
     loading?: boolean;
 };
 declare const EditActions: ({ display, edit, loading, ...restProps }: EditActionsProps) => JSX.Element;

package/dist/EditActions/EditActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditActions.d.ts","sourceRoot":"","sources":["../../src/EditActions/EditActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,GAAG,EAAuB,MAAM,OAAO,CAAA;AAOjE,KAAK,gBAAgB,GAAG;IAEtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW,6CAKd,gBAAgB,KAAG,WA0DrB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"EditActions.d.ts","sourceRoot":"","sources":["../../src/EditActions/EditActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,GAAG,EAAuB,MAAM,OAAO,CAAA;AAOjE,KAAK,gBAAgB,GAAG;IACtB,gFAAgF;IAChF,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB,iGAAiG;IACjG,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAEtB,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,WAAW,6CAKd,gBAAgB,KAAG,WA0DrB,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/Field/Field.d.ts

@@ -1,18 +1,32 @@
 import React from 'react';
 type FieldProps = {
+    /** Usually accepts form fields, such as `input` or `select`. */
     children?: React.ReactNode;
+    /** Renders label and field[s] smaller. */
     compact?: boolean;
+    /** Controls distribution between fields, by [passing this prop to StackView](/stackview#distribution). (Defaults to "fill".) */
     distribution?: number;
+    /** Helpful text to accompany fields. */
     feedbackText?: string;
+    /** Renders content into a [HelperDrawer](/helperdrawer) next to label. */
     helpContent?: string | React.ReactNode;
+    /** Places an icon to the left of the label. */
     icon?: any;
+    /** Renders label and field[s] inline. */
     inline?: boolean;
+    /** Gain access to the internal ref. */
     innerRef?: React.Ref<any>;
+    /** Label that describes field[s]. */
     label?: string | React.ReactNode;
+    /** Label flex basis. */
     labelBasis?: string | number;
+    /** Label color. */
     labelColor?: string;
+    /** Label flex grow. */
     labelGrow?: string | number;
+    /** Controls spacing between fields. */
     spacing?: number;
+    /** State of field[s]. */
     state?: 'success' | 'error';
 };
 declare const Field: ({ ...props }: FieldProps) => React.JSX.Element;

package/dist/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAEhB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGtC,IAAI,CAAC,EAAE,GAAG,CAAA;IAGV,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAGzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGhC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,sBAoGtC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAChB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,gIAAgI;IAChI,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAEtC,+CAA+C;IAC/C,IAAI,CAAC,EAAE,GAAG,CAAA;IAEV,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAEzB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAEhC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5B,mBAAmB;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,yBAAyB;IACzB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,sBAoGtC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/FieldSet/FieldSet.d.ts

@@ -5,11 +5,29 @@ import { TileViewProps } from '../TileView';
 import { ToolbarProps } from '../Toolbar/Toolbar';
 type FieldSetProps = ComponentProps<typeof StackView> & {
     children?: React.ReactNode;
+    /**
+     * Accepts any valid [Heading](/heading) props.
+     */
     headingProps?: ComponentProps<typeof Heading>;
+    /**
+     * Maps to internal `Toolbar` prop.
+     */
     helpContent?: ToolbarProps['helpContent'];
+    /**
+     * Title of fieldset group.
+     */
     legend: ReactNode;
+    /**
+     * Maps to internal `TileView` prop.
+     */
     minCellWidth?: TileViewProps['minCellWidth'];
+    /**
+     * Maps to internal `TileView` prop.
+     */
     spacing?: TileViewProps['spacing'];
+    /**
+     * Accepts any valid [TileView](/tileview) props.
+     */
     tileViewProps?: TileViewProps;
 };
 declare const FieldSet: ({ children, helpContent, legend, ...restProps }: FieldSetProps) => React.JSX.Element;

package/dist/FieldSet/FieldSet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAKzC,MAAM,EAAE,SAAS,CAAA;IAKjB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAK5C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAKlC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,sBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAE7C;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAEzC;;OAEG;IACH,MAAM,EAAE,SAAS,CAAA;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAE5C;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,sBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/FilterLayout/FilterLayout.d.ts

@@ -1,9 +1,14 @@
 import * as React from 'react';
 export type Props = {
+    /** Render slot for header. */
     header?: any;
+    /** Render slot for sidebar. */
     sidebar?: any;
+    /** Size of sidebar in pixels or `fill` for full width when open. */
     sidebarWidth?: number | 'fill';
+    /** Render slot for table. */
     table?: any;
+    /** Render slot for toolbar. */
     toolbar?: any;
 };
 export declare function FilterLayout(props: Props): React.JSX.Element;

package/dist/FilterLayout/FilterLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,GAAG,CAAA;IAGZ,OAAO,CAAC,EAAE,GAAG,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAE,GAAG,CAAA;IAGX,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAwExC"}
+{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,KAAK,GAAG;IAClB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,GAAG,CAAA;IAEZ,+BAA+B;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAA;IAEb,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE9B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAA;IAEX,+BAA+B;IAC/B,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAwExC"}

package/dist/Form/Form.d.ts

@@ -1,6 +1,29 @@
 import React, { ChangeEvent, ReactNode } from 'react';
 import { ButtonProps } from '../Button';
 type Props<Payload extends Record<string, any>> = {
+    /**
+     * `isEditing`
+     *
+     * Toggled by trigger or focusing/blurring a field.
+     *
+     * `isSubmitting`
+     *
+     * True when a submit action occurs either from the enter key or
+     * blurring the form with different data from `initialPayload`.
+     *
+     * `editButtonProps`
+     *
+     * Provides the proper props and callbacks to toggle editing
+     * mode and show a spinner when submitting. Must be passed to
+     * a [Button](/button) component.
+     *
+     * `getFieldProps`
+     *
+     * Accepts an `id` as the first argument that maps to the respective
+     * field key in `initialPayload`. It also receives a `getChangeValue`
+     * function as the second argument used to resolve the value when
+     * dealing with non traditional events like `Select` or `NumberField`.
+     */
     children: (props: {
         editButtonProps: ButtonProps;
         getFieldProps: (id: keyof Payload, getChangeValue?: (event: ChangeEvent<HTMLInputElement>) => any) => Record<string, any>;
@@ -8,7 +31,28 @@ type Props<Payload extends Record<string, any>> = {
         isSubmitting: boolean;
         payload: Payload;
     }) => ReactNode;
+    /**
+     * The initial data to seed the form with. Used to determine
+     * previous state when a cancel action occurs as well as if the
+     * form should submit or not. This can be passed new data
+     * (like updating from `onSubmit`). Use a simple data structure
+     * to avoid false positives when the previous and initial payload
+     * are compared to determine calling `onSubmit`.
+     */
     initialPayload: Payload;
+    /**
+     * Called whenever a submit action occurs (enter key / form blur)
+     * and the form has a different internal payload compared to
+     * the `initialPayload`.
+     *
+     * `payload`
+     *
+     * The newly edited `payload` that should be submitted.
+     *
+     * `complete`
+     *
+     * Call whenever the form is done completing to re-enable the form.
+     */
     onSubmit: (payload: Payload, complete: () => void) => void;
 };
 declare class Form<Payload extends Record<string, any>> extends React.Component<Props<Payload>, {

package/dist/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAGvC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAwBhD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,eAAe,EAAE,WAAW,CAAA;QAC5B,aAAa,EAAE,CACb,EAAE,EAAE,MAAM,OAAO,EACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAC3D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACxB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,OAAO,EAAE,OAAO,CAAA;KACjB,KAAK,SAAS,CAAA;IAUf,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAGvC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAChD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,eAAe,EAAE,WAAW,CAAA;QAC5B,aAAa,EAAE,CACb,EAAE,EAAE,MAAM,OAAO,EACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAC3D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACxB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,OAAO,EAAE,OAAO,CAAA;KACjB,KAAK,SAAS,CAAA;IAEf;;;;;;;OAOG;IACH,cAAc,EAAE,OAAO,CAAA;IAEvB;;;;;;;;;;;;OAYG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}

package/dist/GridView/GridView.d.ts

@@ -2,20 +2,35 @@ import * as React from 'react';
 import { BoxProps } from '../Box';
 import { MediaQueries, Variants } from '../types';
 export type GridViewProps = {
+    /** Aligns content in a grid item along the column axis. Maps to CSS [alignItems](https://developer.mozilla.org/en-US/docs/Web/CSS/align-items) property. */
     alignment?: 'start' | 'end' | 'center' | 'stretch';
+    /** Render custom component or HTML element tag. (Defaults to a `<div>` element). */
     as?: any;
+    /** The size of implicit grid columns. Maps to CSS [gridAutoColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns) property. */
     autoColumns?: string;
+    /** The algorithm used to implicitly place grid items. Maps to CSS [gridAutoFlow](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow) property. */
     autoFlow?: 'column' | 'row' | 'dense';
+    /** The size of implicit grid rows. Maps to CSS [gridAutoRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows) property. */
     autoRows?: string;
+    /** Any direct children can use the `column|Start|End` or `row|Start|End` [shorthand properties](/style-props#grid) to place themselves on the grid. */
     children?: any;
+    /** The amount of space between columns. Maps to CSS [gridColumnGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-gap) property. */
     columnSpacing?: number | string;
+    /** The columns of the grid. Maps to CSS [gridTemplateColumns](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns) property. */
     columns?: Array<any> | string;
+    /**  If true, sets `display: inline-grid`, otherwise it defaults to `display: grid` */
     inline?: boolean;
+    /** Gain access to the internal ref */
     innerRef?: any;
+    /** Describes props at different breakpoints. [Read about mediaQueries](/responsive). */
     mediaQueries?: object;
+    /** The amount of space between rows. Maps to CSS [gridRowGap](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-gap) property. */
     rowSpacing?: number | string;
+    /** The rows of the grid. Maps to CSS [gridTemplateRows](https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows) property. */
     rows?: Array<any> | string;
+    /** The amount of space between children. Maps to CSS [gap](https://developer.mozilla.org/en-US/docs/Web/CSS/gap) property. */
     spacing?: number | string;
+    /** Describes styles at various points in time. [Read about variants](/variants).*/
     variants?: object;
 } & BoxProps;
 type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & GridViewProps & MediaQueries<GridViewProps> & Variants<GridViewProps>;

package/dist/GridView/GridView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAGlD,EAAE,CAAC,EAAE,GAAG,CAAA;IAGR,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAGrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAajE"}
+{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAC1B,4JAA4J;IAC5J,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAElD,oFAAoF;IACpF,EAAE,CAAC,EAAE,GAAG,CAAA;IAER,qJAAqJ;IACrJ,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,+JAA+J;IAC/J,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAErC,4IAA4I;IAC5I,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,uJAAuJ;IACvJ,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,mJAAmJ;IACnJ,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE/B,mJAAmJ;IACnJ,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAE7B,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,0IAA0I;IAC1I,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5B,0IAA0I;IAC1I,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAE1B,8HAA8H;IAC9H,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAEzB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAajE"}

package/dist/Group/Group.d.ts

@@ -1,10 +1,25 @@
 import React from 'react';
 import { StackViewProps } from '../StackView';
 export type GroupProps = {
+    /**
+     * The direction the dividing line should span.
+     */
     axis?: 'horizontal' | 'vertical';
+    /**
+     * Props to pass down to all children.
+     */
     childProps?: object;
+    /**
+     * Children elements to be grouped.
+     */
     children?: React.ReactNode;
+    /**
+     * The size of the radius.
+     */
     radius?: number | string;
+    /**
+     * The amount of space or element that is inserted between each child.
+     */
     spacing?: number | string | React.ReactNode;
 } & StackViewProps;
 export declare function Group({ axis, childProps, children, radius, spacing, ...restProps }: GroupProps): React.JSX.Element;

package/dist/Group/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IAIvB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,qBAsBZ"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAEhC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,qBAsBZ"}

package/dist/Heading/Heading.d.ts

@@ -1,6 +1,8 @@
 import { ComponentProps, JSX } from 'react';
 import Text from '../Text';
 type HeadingProps = ComponentProps<typeof Text> & {
+    /** Sets the heading tag (1-6) and the respective font size corresponding to the index position (level - 1) in theme `fontSizes`
+     */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 };
 declare const Heading: ({ level, ...restProps }: HeadingProps) => JSX.Element;

package/dist/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAGhD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAChD;OACG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/HelperDrawer/HelperDrawer.d.ts

@@ -6,6 +6,7 @@ declare function Toggle({ drawerId, ...restProps }: {
     drawerId: any;
 }): React.JSX.Element;
 type Props = ComponentProps<typeof Card> & {
+    /** Used by the `HelperDrawer.Toggle` to connect to.  */
     id?: string | number;
 };
 declare function HelperDrawer({ children, id, ...restProps }: Props): React.JSX.Element;

package/dist/HelperDrawer/HelperDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,qBA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}
+{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,qBA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IACzC,wDAAwD;IACxD,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}

package/dist/Highlight/Highlight.d.ts

@@ -1,14 +1,29 @@
 import React from 'react';
 import { markFuzzyMatchSubstring, markStartsWithMatchSubstring } from './utils';
 type HighlightProps = {
+    /**
+     * Color of the highlighted text
+     */
     color?: string;
+    /**
+     * The algorithm used to mark the text, defaults to STARTS_WITH
+     */
     marker?: (text: string, query: string) => Array<{
         highlight: boolean;
         text: string;
     }>;
+    /**
+     * The query to search for matches
+     */
     query: string;
+    /**
+     * The full string of text to be displayed
+     */
     text: string;
 };
+/**
+ * Highlight or mark letters in a string using a provided query.
+ */
 declare const Highlight: {
     ({ marker, query, text, ...restProps }: HighlightProps): React.JSX.Element;
     FUZZY: typeof markFuzzyMatchSubstring;

package/dist/Highlight/Highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IAIpB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAKhD,KAAK,EAAE,MAAM,CAAA;IAKb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAEhD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}

package/dist/Icon/Icon.d.ts

@@ -3,9 +3,13 @@ import Box from '../Box';
 import Path from './Path';
 import Status from './Status';
 type IconProps = ComponentProps<typeof Box> & {
+    /** Accepts the `Icon.Path` component if a `name` is not provided. */
     children?: React.ReactNode;
+    /** Pass any valid color from [colors](/colors). Defaults to `currentColor`. */
     color?: string;
+    /** The name of the icon to render. */
     name?: string;
+    /** Sizes the container proportionally. */
     size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
 };
 declare const _default: {

package/dist/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAE5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAC5C,qEAAqE;IACrE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}

package/dist/Icon/Path.d.ts

@@ -1,7 +1,9 @@
 import React, { ComponentProps } from 'react';
 import Box from '../Box';
 type Props = ComponentProps<typeof Box> & {
+    /** Pass any valid color from [colors](/colors). */
     color?: string;
+    /** The name of the icon to render. */
     name: string;
 };
 declare function Path({ name, color, ...restProps }: Props): React.JSX.Element;

package/dist/Icon/Path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAExC,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACxC,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,sCAAsC;IACtC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}

package/dist/Icon/Status.d.ts

@@ -1,7 +1,10 @@
 import React from 'react';
 export type Props = {
+    /** Pass any valid color from [colors](/colors). Defaults to variant color. */
     color?: string;
+    /** The name of the status icon to render. */
     variant: 'confirmed' | 'unconfirmed' | 'declined';
+    /** Uses the filled version of the icon. */
     variantFilled?: boolean;
 };
 declare function Status(props: Props): React.JSX.Element;

package/dist/Icon/Status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IAEjD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAClB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IACjD,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}

package/dist/Input/Inline.d.ts

@@ -1,8 +1,15 @@
 import React from 'react';
 import { InputFieldProps } from './InputField';
 type Props = {
+    /**
+     * Pass styles for when the input is focused.
+     */
     focus?: boolean;
+    /** Controls the color when hovered and focused. (Defaults `light ? 'light-0' : 'highlight'`  */
     highlightColor?: string;
+    /**
+     * Sets `backgroundColor: highlightColor` if `readOnly` or `disabled` are  not set.
+     */
     hover?: boolean;
     light?: boolean;
 };

package/dist/Input/Inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,qBAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,gGAAgG;IAChG,cAAc,CAAC,EAAE,MAAM,CAAA;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,qBAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}

package/dist/Input/Input.d.ts

@@ -4,33 +4,103 @@ import InputBox, { InputBoxProps } from './InputBox';
 import InputField, { InputFieldProps } from './InputField';
 import InputLabel from './InputLabel';
 interface Props {
+    /**
+     * Accepts "on" or "off" values. [Learn more on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+     */
     autoComplete?: InputFieldProps['autoComplete'];
+    /**
+     * Input will receive focus on page load. (Limit to one per page.)
+     */
     autoFocus?: InputFieldProps['autoFocus'];
+    /**
+     * Sets the input's width to the exact size of the text plus padding and cursor.
+     * Allows a string to be passed for measuring if input value is different from displayed value.
+     */
     autoWidth?: InputFieldProps['autoWidth'];
+    /**
+     * Changes background color of the input. Both [theme colors](/colors) and html values are supported.
+     */
     backgroundColor?: InputBoxProps['backgroundColor'];
+    /**
+     * Changes color of the input's value. Both [theme colors](/colors) and html values are supported.
+     */
     color?: InputBoxProps['color'];
+    /** Provides an initial value to the input. */
     defaultValue?: InputFieldProps['defaultValue'];
+    /**
+     * Disables the input.
+     */
     disabled?: boolean;
+    /**
+     * Pass styles for when the input is focused.
+     */
     focus?: InputFieldProps['focus'];
+    /**
+     * Forces the input text to stay fully selected while interacting with it.
+     */
     highlightOnInteraction?: InputFieldProps['highlightOnInteraction'];
+    /**
+     * Pass styles for when the input is hovered.
+     */
     hover?: InputFieldProps['hover'];
+    /**
+     * Used to identify an input.
+     */
     id?: InputFieldProps['id'];
+    /**
+     * Defines the maximum value that is acceptable and valid for the input. [Learn more on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/max)
+     */
     max?: InputFieldProps['max'];
+    /**
+     * defines the maximum number of characters the input will accept. [Learn more on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength)
+     */
     maxLength?: InputFieldProps['maxLength'];
+    /**
+     * Defines the minimum value that is acceptable and valid for the input. [Learn more on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/min)
+     */
     min?: InputFieldProps['min'];
+    /**
+     * defines the maximum number of characters the input will accept. [Learn more on MDN.](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/minlength)
+     */
     minLength?: InputFieldProps['minLength'];
+    /**
+     * Names the input and required to submit the input's `value`.
+     */
     name?: InputFieldProps['name'];
+    /**
+     * Maps to the internal input's `onBlur` prop.
+     */
     onBlur?: InputFieldProps['onBlur'];
+    /**
+     * Maps to the internal input's `onChange` prop.
+     */
     onChange?: InputFieldProps['onChange'];
+    /**
+     * Maps to the internal input's `onFocus` prop.
+     */
     onFocus?: InputFieldProps['onFocus'];
     onKeyDown?: InputFieldProps['onKeyDown'];
     onKeyUp?: InputFieldProps['onKeyUp'];
     placeholder?: InputFieldProps['placeholder'];
+    /**
+     * Changes color of the input's placeholder text. Both [theme colors](/colors) and html values are supported.
+     */
     placeholderColor?: InputFieldProps['placeholderColor'];
+    /**
+     * Prevents the user from editing the input, but still submits and receives focus.
+     */
     readOnly?: InputFieldProps['readOnly'];
+    /**
+     * Allows overriding the default background color when `readonly` is true.
+     */
     readOnlyBackgroundColor?: string;
+    /**
+     * Sets the input's required attribute.
+     */
     required?: InputFieldProps['required'];
+    /** Specifies the type of form control to render. [Learn more on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#input_types) */
     type?: InputFieldProps['type'];
+    /** User provided value that is passed to input. */
     value?: InputFieldProps['value'];
 }
 export type InputProps = Omit<PropsWithoutRef<InputBoxProps>, keyof Props> & Props;