@auspices/eos 2.34.1 → 4.0.0

package/dist/Expandable/Expandable.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type ExpandableProps = StackProps & {
+export type ExpandableProps = StackProps & {
     label: string;
 };
 export declare const Expandable: React.FC<ExpandableProps>;

package/dist/Field/Field.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { InputProps } from "../Input";
 import { SplitProps } from "../Split";
-declare type RequiredProps = Omit<SplitProps, "children"> & {
+type RequiredProps = Omit<SplitProps, "children"> & {
     label: React.ReactNode;
 };
-export declare type FieldProps = RequiredProps & ({
+export type FieldProps = RequiredProps & ({
     input: InputProps;
 } | {
     children: JSX.Element | string | null;

package/dist/File/File.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ClickableProps } from "../Clickable";
-export declare type FileProps = ClickableProps & {
+export type FileProps = ClickableProps & {
     name?: string | null;
     meta?: string | null;
     selected?: boolean;

package/dist/Flyout/Flyout.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { PaneOptionProps } from "../Pane";
-export declare type FlyoutPaneOptions = React.ReactElement<PaneOptionProps> | React.ReactElement<PaneOptionProps>[];
-export declare type FlyoutProps = PaneOptionProps & {
+export type FlyoutPaneOptions = React.ReactElement<PaneOptionProps> | React.ReactElement<PaneOptionProps>[];
+export type FlyoutProps = PaneOptionProps & {
     label: string | JSX.Element;
     children: FlyoutPaneOptions;
     open?: boolean;

package/dist/Grid/Grid.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { GridProps as SystemGridProps, ResponsiveValue } from "styled-system";
 import { BoxProps } from "../Box";
-export declare type GridProps = SystemGridProps & BoxProps & {
+export type GridProps = SystemGridProps & BoxProps & {
     cellSize?: ResponsiveValue<number | string>;
     cellGap?: number | string;
 };

package/dist/HTML/HTML.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type HTMLProps = BoxProps & ({
+export type HTMLProps = BoxProps & ({
     html: string;
 } | {
     children: React.ReactNode;

package/dist/Image/Image.d.ts

@@ -9,7 +9,7 @@ export declare const imgMixin: import("styled-components").FlattenSimpleInterpol
 export declare const Img: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
     mode: Mode;
 }, never>;
-export declare type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src"> & BoxProps & {
+export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src"> & BoxProps & {
     srcs: string[];
     onError?(): void;
     onLoad?(): void;

package/dist/Input/Input.d.ts

@@ -1,13 +1,17 @@
 /// <reference types="react" />
-import { BorderProps, FlexboxProps, SpaceProps, TypographyProps, LayoutProps, ColorProps } from "styled-system";
-export declare type InputProps = React.InputHTMLAttributes<HTMLInputElement> & BorderProps & FlexboxProps & TypographyProps & LayoutProps & SpaceProps & ColorProps & {
+import { CellProps } from "../Cell";
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement> & CellProps & {
     focus?: boolean;
     hover?: boolean;
 };
 export declare const inputFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const inputHoverMixin: import("styled-components").FlattenSimpleInterpolation;
 export declare const inputMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<InputProps, import("styled-components").DefaultTheme>>;
-export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("react").InputHTMLAttributes<HTMLInputElement> & BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & {
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, import("react").InputHTMLAttributes<HTMLInputElement> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
+    children?: import("react").ReactNode;
+} & {
+    variant?: "small" | "default" | undefined;
+} & {
     focus?: boolean | undefined;
     hover?: boolean | undefined;
 }, never>;

package/dist/Input/Input.js

@@ -3,17 +3,6 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -40,12 +29,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = exports.inputMixin = exports.inputHoverMixin = exports.inputFocusMixin = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
-var styled_system_1 = require("styled-system");
 var Cell_1 = require("../Cell");
-var systemProps = (0, styled_system_1.compose)(styled_system_1.border, styled_system_1.flexbox, styled_system_1.space, styled_system_1.typography, styled_system_1.layout, styled_system_1.color);
 exports.inputFocusMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ", ";\n\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])), Cell_1.cellFocusMixin);
 exports.inputHoverMixin = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"], ["\n  ::placeholder {\n    text-decoration: underline;\n  }\n"])));
-exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"], ["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  ", "\n\n  background-color: transparent;\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"])), systemProps, function (_a) {
+exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"], ["\n  appearance: none;\n  border-radius: 0;\n  margin: 0;\n  transition: box-shadow 250ms ease;\n  background-color: transparent;\n\n  ", "\n\n  ", "\n  &:focus {\n    ", "\n  }\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  &:autofill {\n    font-size: 1rem;\n  }\n"])), Cell_1.cellMixin, function (_a) {
     var focus = _a.focus;
     return focus && exports.inputFocusMixin;
 }, exports.inputFocusMixin, function (_a) {
@@ -53,6 +40,8 @@ exports.inputMixin = (0, styled_components_1.css)(templateObject_3 || (templateO
     return hover && exports.inputHoverMixin;
 }, exports.inputHoverMixin);
 exports.Input = styled_components_1.default.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), exports.inputMixin);
-exports.Input.defaultProps = __assign({}, Cell_1.CELL);
+exports.Input.defaultProps = {
+    variant: "default",
+};
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,+CAcuB;AACvB,gCAA+C;AAa/C,IAAM,WAAW,GAAG,IAAA,uBAAO,EAAC,sBAAM,EAAE,uBAAO,EAAE,qBAAK,EAAE,0BAAU,EAAE,sBAAM,EAAE,qBAAK,CAAC,CAAC;AAElE,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,oGAKrC,EAAW,4CAIX,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAjBG,WAAW,EAIX,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,+EAAY,MACzC,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,gBACb,WAAI,CACR,CAAC"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/Input/Input.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,gCAA+D;AAQlD,QAAA,eAAe,OAAG,uBAAG,4IAAA,MAC9B,EAAc,gEAKjB,KALG,qBAAc,EAKhB;AAEW,QAAA,eAAe,OAAG,uBAAG,iIAAA,6DAIjC,KAAC;AAEW,QAAA,UAAU,OAAG,uBAAG,2UAAY,wIAOrC,EAAS,QAET,EAAuC,qBAErC,EAAe,aAGjB,EAAuC,qBAErC,EAAe,sDAMpB,KAfG,gBAAS,EAET,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAGjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,uBAAe;AAAxB,CAAwB,EAErC,uBAAe,EAMnB;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,+EAAY,MACzC,EAAU,IACb,KADG,kBAAU,EACZ;AAEF,aAAK,CAAC,YAAY,GAAG;IACnB,OAAO,EAAE,SAAS;CACnB,CAAC"}

package/dist/KeyValueEditor/KeyValueEditor.d.ts

@@ -1,13 +1,13 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type KeyValueSchema = {
+export type KeyValueSchema = {
     key: string;
     name: string;
     type: "string" | "number";
 }[];
-export declare type KeyValueData = Record<string, string>;
+export type KeyValueData = Record<string, string>;
 export declare const toSchema: (data: KeyValueData) => KeyValueSchema;
-export declare type KeyValueEditorProps = Omit<StackProps, "onChange"> & {
+export type KeyValueEditorProps = Omit<StackProps, "onChange"> & {
     schema: KeyValueSchema;
     data: KeyValueData;
     onChange?(data: KeyValueData): void;

package/dist/KeyValueInput/KeyValueInput.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { InputProps } from "../Input";
 import { SplitProps } from "../Split";
-export declare type KeyValueInputProps = Omit<SplitProps, "children"> & {
+export type KeyValueInputProps = Omit<SplitProps, "children"> & {
     k: InputProps;
     v?: InputProps;
 };

package/dist/Loading/Loading.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CellProps } from "../Cell";
-export declare type LoadingProps = CellProps & {
+export type LoadingProps = CellProps & {
     children?: React.ReactNode;
     loading?: boolean;
 };

package/dist/Modal/Modal.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type ModalProps = BoxProps & {
+export type ModalProps = BoxProps & {
     onClose?(): void;
     overlay?: boolean;
 };

package/dist/Mono/Mono.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type MonoProps = BoxProps;
+export type MonoProps = BoxProps;
 export declare const Mono: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/MultiSelect/MultiSelect.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare type MultiSelectPayload = Record<string, unknown>;
-export declare type MultiSelectItem = {
+export type MultiSelectPayload = Record<string, unknown>;
+export type MultiSelectItem = {
     id: string;
     payload: MultiSelectPayload;
 };
@@ -10,7 +10,7 @@ export declare const MultiSelectContext: React.Context<{
     deselect(id: string, payload?: MultiSelectPayload): void;
     isWrapped: boolean;
 }>;
-export declare type MultiSelectProps = {
+export type MultiSelectProps = {
     onChange?(selection: MultiSelectItem[], payload?: MultiSelectPayload): void;
 };
 export declare const MultiSelect: React.FC<MultiSelectProps>;

package/dist/MultiSelect/useMultiSelect.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { MultiSelectPayload } from "./MultiSelect";
-export declare type UseMultiSelect = {
+export type UseMultiSelect = {
     defaultSelected?: boolean;
     payload?: MultiSelectPayload;
 };

package/dist/Pagination/Page.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { ButtonProps } from "../Button";
-export declare type PageProps = ButtonProps & {
+export type PageProps = ButtonProps & {
     pageNumber: number;
     href: string;
     per: number;

package/dist/Pagination/Pagination.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { StackProps } from "../Stack";
 import { PageProps } from "./Page";
-export declare type PaginationProps = StackProps & {
+export type PaginationProps = StackProps & {
     page?: number;
     per?: number;
     total: number;

package/dist/Pane/Pane.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement> & {
+export type PaneProps = StackProps & React.HTMLAttributes<HTMLDivElement> & {
     children: React.ReactNode;
     onEnter?(): void;
 };

package/dist/Pane/PaneHeader.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type PaneHeaderProps = BoxProps;
+export type PaneHeaderProps = BoxProps;
 export declare const PaneHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Pane/PaneOption.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ClickableProps } from "../Clickable";
-export declare type PaneOptionProps = ClickableProps & {
+export type PaneOptionProps = ClickableProps & {
     active?: boolean;
     hover?: boolean;
     focus?: boolean;

package/dist/Pill/Pill.d.ts

@@ -1,22 +1,9 @@
 /// <reference types="react" />
 import { CellProps } from "../Cell";
-export declare type PillProps = CellProps;
-export declare const PILL: {
-    alignItems: string;
-    backgroundColor: string;
-    borderColor: string;
-    borderStyle: string;
-    borderWidth: string;
-    color: string;
-    display: string;
-    fontFamily: string;
-    fontSize: number[];
-    lineHeight: number;
-    px: number;
-    py: number;
-    transition: string;
-};
+export type PillProps = CellProps;
 export declare const pillFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const Pill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("..").TextColorProps & import("..").TransitionProps & {
     children?: import("react").ReactNode;
+} & {
+    variant?: "small" | "default" | undefined;
 }, never>;

package/dist/Pill/Pill.js

@@ -1,21 +1,9 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pill = exports.pillFocusMixin = exports.PILL = void 0;
+exports.Pill = exports.pillFocusMixin = void 0;
 // Aliases to Cell
 var Cell_1 = require("../Cell");
-exports.PILL = __assign({}, Cell_1.CELL);
 exports.pillFocusMixin = Cell_1.cellFocusMixin;
 exports.Pill = Cell_1.Cell;
-exports.Pill.defaultProps = __assign({}, exports.PILL);
+exports.Pill.defaultProps = Cell_1.Cell.defaultProps;
 //# sourceMappingURL=Pill.js.map

package/dist/Pill/Pill.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kBAAkB;AAClB,gCAAgE;AAInD,QAAA,IAAI,gBAAQ,WAAI,EAAG;AAEnB,QAAA,cAAc,GAAG,qBAAc,CAAC;AAEhC,QAAA,IAAI,GAAG,WAAI,CAAC;AAEzB,YAAI,CAAC,YAAY,gBAAQ,YAAI,CAAE,CAAC"}
+{"version":3,"file":"Pill.js","sourceRoot":"","sources":["../../src/Pill/Pill.ts"],"names":[],"mappings":";;;AAAA,kBAAkB;AAClB,gCAA0D;AAG7C,QAAA,cAAc,GAAG,qBAAc,CAAC;AAChC,QAAA,IAAI,GAAG,WAAI,CAAC;AAEzB,YAAI,CAAC,YAAY,GAAG,WAAI,CAAC,YAAY,CAAC"}

package/dist/Plus/Plus.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type PlusProps = BoxProps & {
+export type PlusProps = BoxProps & {
     size: number | string;
     strokeWidth?: string;
     axis?: "horizontal" | "vertical" | "both";

package/dist/Popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Placement } from "@popperjs/core";
-export declare type PopperProps = {
+export type PopperProps = {
     anchor: JSX.Element;
     children: JSX.Element;
     open?: boolean;

package/dist/Popper/usePopper.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Placement, StrictModifiers } from "@popperjs/core";
 import { UseClickOutside } from "../hooks/useClickOutside";
-export declare type UsePopper = {
+export type UsePopper = {
     open?: boolean;
     distance?: number;
     placement?: Placement;

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type ProgressBarProps = Omit<BoxProps, "color"> & {
+export type ProgressBarProps = Omit<BoxProps, "color"> & {
     progress: number;
     color?: string;
 };

package/dist/Remove/Remove.d.ts

@@ -6,7 +6,7 @@ export declare const Ex: import("styled-components").StyledComponent<"div", impo
 }, never>;
 export declare const removeFocusMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
 export declare const removeHoverMixin: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
-export declare type RemoveProps = ClickableProps & {
+export type RemoveProps = ClickableProps & {
     hover?: boolean;
     focus?: boolean;
 };

package/dist/Remove/Remove.js

@@ -34,6 +34,7 @@ var Clickable_1 = require("../Clickable");
 var Box_1 = require("../Box");
 exports.exMixin = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"], ["\n  transition: color 250ms;\n\n  &::before,\n  &::after {\n    content: \"\";\n    display: block;\n    width: ", ";\n    height: 2px;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    background-color: currentColor;\n  }\n\n  &::before {\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n\n  &::after {\n    transform: translate(-50%, -50%) rotate(-45deg);\n  }\n"])), (0, theme_get_1.themeGet)("space.5"));
 exports.Ex = (0, styled_components_1.default)(Box_1.Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  ", "\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), exports.exMixin);
+exports.Ex.displayName = "Ex";
 exports.Ex.defaultProps = {
     position: "relative",
     display: "inline-flex",
@@ -41,13 +42,14 @@ exports.Ex.defaultProps = {
 };
 exports.removeFocusMixin = (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  outline: 0;\n  color: ", ";\n"], ["\n  outline: 0;\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
 exports.removeHoverMixin = (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), (0, theme_get_1.themeGet)("colors.primary"));
-exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("colors.tertiary"), exports.exMixin, function (_a) {
+exports.Remove = (0, styled_components_1.default)(Clickable_1.Clickable)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"], ["\n  min-width: ", ";\n  min-height: ", ";\n  cursor: pointer;\n  color: ", ";\n\n  ", "\n\n  ", "\n  &:hover {\n    ", "\n  }\n\n  ", "\n  &:focus {\n    ", "\n  }\n"])), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("space.7"), (0, theme_get_1.themeGet)("colors.tertiary"), exports.exMixin, function (_a) {
     var hover = _a.hover;
     return hover && exports.removeHoverMixin;
 }, exports.removeHoverMixin, function (_a) {
     var focus = _a.focus;
     return focus && exports.removeHoverMixin;
 }, exports.removeFocusMixin);
+exports.Remove.displayName = "Remove";
 exports.Remove.defaultProps = {
     position: "relative",
 };

package/dist/Remove/Remove.js.map

@@ -1 +1 @@
-{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,8BAA6B;AAEhB,QAAA,OAAO,OAAG,uBAAG,ucAAA,kHAOb,EAAmB,+QAe/B,KAfY,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAe9B;AAEW,QAAA,EAAE,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wHAAA,iBACd,EAAmB,mBAClB,EAAmB,OAC/B,EAAO,IACV,KAHc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAC/B,eAAO,EACT;AAEF,UAAE,CAAC,YAAY,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,uGAAA,4BAExB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AACW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,wOAAa,iBACrC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,OAClC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAfc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAClC,eAAO,EAEP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}
+{"version":3,"file":"Remove.js","sourceRoot":"","sources":["../../src/Remove/Remove.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAChD,sDAAoD;AACpD,0CAAyD;AACzD,8BAA6B;AAEhB,QAAA,OAAO,OAAG,uBAAG,ucAAA,kHAOb,EAAmB,+QAe/B,KAfY,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAe9B;AAEW,QAAA,EAAE,GAAG,IAAA,2BAAM,EAAC,SAAG,CAAC,wHAAA,iBACd,EAAmB,mBAClB,EAAmB,OAC/B,EAAO,IACV,KAHc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAC/B,eAAO,EACT;AAEF,UAAE,CAAC,WAAW,GAAG,IAAI,CAAC;AAEtB,UAAE,CAAC,YAAY,GAAG;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,UAAU;CAClB,CAAC;AAEW,QAAA,gBAAgB,OAAG,uBAAG,uGAAA,4BAExB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AACW,QAAA,gBAAgB,OAAG,uBAAG,wFAAA,aACxB,EAA0B,KACpC,KADU,IAAA,oBAAQ,EAAC,gBAAgB,CAAC,EACnC;AAOW,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,qBAAS,CAAC,0OAAa,iBACrC,EAAmB,mBAClB,EAAmB,kCAExB,EAA2B,SAElC,EAAO,QAEP,EAAwC,qBAEtC,EAAgB,aAGlB,EAAwC,qBAEtC,EAAgB,SAErB,KAhBc,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAClB,IAAA,oBAAQ,EAAC,SAAS,CAAC,EAExB,IAAA,oBAAQ,EAAC,iBAAiB,CAAC,EAElC,eAAO,EAEP,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAGlB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,wBAAgB;AAAzB,CAAyB,EAEtC,wBAAgB,EAEpB;AAEF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,UAAU;CACrB,CAAC"}

package/dist/ResponsiveImage/ResponsiveImage.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { ImageProps } from "../Image";
 import { AspectRatioBoxProps } from "../AspectRatioBox";
-export declare type ResponsiveImageProps = ImageProps & AspectRatioBoxProps & {
+export type ResponsiveImageProps = ImageProps & AspectRatioBoxProps & {
     indicator?: boolean;
     placeholder?: string;
 };

package/dist/Select/Select.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
 import { DropdownProps } from "../Dropdown";
-export declare type SelectValue = string | number | boolean | null;
-export declare type SelectOption = {
+export type SelectValue = string | number | boolean | null;
+export type SelectOption = {
     label: string;
     value: SelectValue;
 };
-export declare type SelectProps = Omit<DropdownProps, "children"> & {
+export type SelectProps = Omit<DropdownProps, "children"> & {
     options: SelectOption[];
     value?: SelectValue;
     onChange?(value: SelectValue): void;

package/dist/Skeleton/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BoxProps } from "../Box";
-export declare type SkeletonProps = BoxProps;
+export type SkeletonProps = BoxProps;
 export declare const Skeleton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & import("../Box").TextColorProps & import("../Box").TransitionProps & {
     children?: import("react").ReactNode;
 }, never>;

package/dist/Spinner/Spinner.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Theme } from "../theme";
 import { BoxProps } from "../Box";
-export declare type SpinnerProps = BoxProps & {
+export type SpinnerProps = BoxProps & {
     size?: number;
     color?: keyof Theme["colors"];
 };

package/dist/Split/Split.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { StackProps } from "../Stack";
-export declare type SplitProps = StackProps & {
+export type SplitProps = StackProps & {
     children: [JSX.Element, JSX.Element];
 };
 export declare const Split: React.FC<SplitProps>;

package/dist/Stack/Stack.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { BoxProps } from "../Box";
-declare type Direction = "vertical" | "horizontal";
+type Direction = "vertical" | "horizontal";
 export declare const DEFAULT_STACK_SPACING = "-1px";
 export declare const DEFAULT_STACK_DIRECTION: Direction;
-export declare type StackProps = BoxProps & {
+export type StackProps = BoxProps & {
     spacing?: number | string;
     direction?: Direction | Direction[];
     children?: React.ReactNode;

package/dist/Tag/Tag.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Box, BoxProps } from "../Box";
-export declare type TagProps = Omit<BoxProps, "bg" | "backgroundColor" | "children"> & {
+export type TagProps = Omit<BoxProps, "bg" | "backgroundColor" | "children"> & {
     bg?: string;
     backgroundColor?: string;
     children: string | JSX.Element;

package/dist/Themer/useThemer.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { Theme, Scheme } from "../theme";
 export declare const prefersDark: () => boolean;
-declare type Backend = {
+type Backend = {
     get(): Scheme | null;
     set(scheme: Scheme): void;
 };

package/dist/Tooltip/Tooltip.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { Box, BoxProps } from "../Box";
 import { Placement } from "../Popper";
 export declare const Tip: typeof Box;
-export declare type TooltipProps = BoxProps & {
+export type TooltipProps = BoxProps & {
     children: JSX.Element;
     label: JSX.Element | string;
     placement?: Placement;

package/dist/Upload/Upload.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { CellProps } from "../Cell";
-export declare type UploadProps = CellProps & {
+export type UploadProps = CellProps & {
     label: string;
     progress: number;
     foregroundColor?: string;

package/dist/hooks/useClickOutside.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type UseClickOutside = {
+export type UseClickOutside = {
     ref: React.RefObject<HTMLElement>;
     when: boolean;
     type?: keyof DocumentEventMap;

package/dist/theme/theme.d.ts

@@ -1,9 +1,9 @@
-export declare type Constants = {
+export type Constants = {
     black: "black";
     white: "white";
 };
 export declare const CONSTANTS: Constants;
-export declare type ColorScheme = {
+export type ColorScheme = {
     primary: string;
     border: string;
     secondary: string;
@@ -20,7 +20,7 @@ export declare const SCHEMES: {
     dark: ColorScheme;
     light: ColorScheme;
 };
-export declare type Scheme = keyof typeof SCHEMES;
+export type Scheme = keyof typeof SCHEMES;
 export declare const SPACE_SCALE: readonly ["0", "0.125rem", "0.25rem", "0.5rem", "0.75rem", "1rem", "1.5rem", "2rem", "4rem", "8rem", "16rem"];
 export declare const SPACE_SCALE_UNIT = "rem";
 export declare const FONT_SCALE: readonly ["0.75rem", "0.875rem", "1rem", "1.125rem", "1.5rem", "2rem"];
@@ -41,4 +41,4 @@ export declare const THEME: {
     space: readonly ["0", "0.125rem", "0.25rem", "0.5rem", "0.75rem", "1rem", "1.5rem", "2rem", "4rem", "8rem", "16rem"];
     breakpoints: string[];
 };
-export declare type Theme = typeof THEME;
+export type Theme = typeof THEME;