@auspices/eos 5.0.17 → 6.0.0

package/dist/esm/Button/Button.js

@@ -0,0 +1,90 @@
+import styled, { css } from "styled-components";
+import { themeGet } from "@styled-system/theme-get";
+import { Clickable } from "../Clickable";
+import { cellMixin, cellFocusMixin } from "../Cell";
+import { withDefaultProps } from "../lib/withDefaultProps";
+export const buttonHoverMixin = css `
+  color: ${themeGet("colors.secondary")};
+`;
+export const buttonFocusMixin = css `
+  outline: 0;
+  ${cellFocusMixin}
+`;
+export const buttonSelectedMixin = css `
+  outline: 0;
+  box-shadow: inset 0 0 0 ${themeGet("space.1")} ${themeGet("colors.primary")};
+  text-decoration: underline;
+  color: ${themeGet("colors.primary")};
+  border-color: ${themeGet("colors.tertiary")};
+`;
+export const buttonDisabledMixin = css `
+  position: relative;
+  color: ${themeGet("colors.tertiary")};
+  border-color: ${themeGet("colors.tertiary")};
+  pointer-events: none;
+  cursor: default;
+  z-index: -1;
+`;
+export const buttonHighlightedMixin = css `
+  &::before {
+    content: "→\u00A0";
+
+    ${({ variant }) => {
+    if (variant !== "small") {
+        return css `
+          margin-left: -${themeGet("space.3")};
+        `;
+    }
+}})}
+  }
+`;
+export const buttonMixin = css `
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition:
+    box-shadow 250ms ease,
+    color 200ms ease;
+  min-width: 0;
+  user-select: none;
+  font-weight: normal;
+
+  ${cellMixin}
+
+  ${({ hover }) => hover && buttonHoverMixin}
+  &:hover {
+    ${buttonHoverMixin}
+  }
+
+  ${({ focus }) => focus && buttonFocusMixin}
+  &:focus {
+    ${buttonFocusMixin}
+  }
+
+  ${({ disabled }) => disabled && buttonDisabledMixin}
+  &:disabled {
+    ${buttonDisabledMixin}
+  }
+
+  ${({ selected }) => selected &&
+    css `
+      ${buttonSelectedMixin}
+
+      &:focus {
+        ${buttonSelectedMixin}
+      }
+
+      &:disabled {
+        ${buttonSelectedMixin}
+      }
+    `}
+
+  ${({ highlighted }) => highlighted && buttonHighlightedMixin}
+`;
+const StyledButton = styled(Clickable) `
+  ${buttonMixin}
+`;
+StyledButton.displayName = "StyledButton";
+export const Button = withDefaultProps(StyledButton, { variant: "default" }, "Button");
+//# sourceMappingURL=Button.js.map

package/dist/esm/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAkB,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAa,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAa3D,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;WACxB,QAAQ,CAAC,kBAAkB,CAAC;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;IAE/B,cAAc;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;4BAEV,QAAQ,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,gBAAgB,CAAC;;WAElE,QAAQ,CAAC,gBAAgB,CAAC;kBACnB,QAAQ,CAAC,iBAAiB,CAAC;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;WAE3B,QAAQ,CAAC,iBAAiB,CAAC;kBACpB,QAAQ,CAAC,iBAAiB,CAAC;;;;CAI5C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAa;;;;MAIhD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,GAAG,CAAA;0BACQ,QAAQ,CAAC,SAAS,CAAC;SACpC,CAAC;IACJ,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAa;;;;;;;;;;;;IAYvC,SAAS;;IAET,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB;;MAEtC,gBAAgB;;;IAGlB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB;;MAEtC,gBAAgB;;;IAGlB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,mBAAmB;;MAE/C,mBAAmB;;;IAGrB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;QACC,mBAAmB;;;UAGjB,mBAAmB;;;;UAInB,mBAAmB;;KAExB;;IAED,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,sBAAsB;CAC7D,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAa;IAC/C,WAAW;CACd,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,MAAM,GAAG,gBAAgB,CACpC,YAAY,EACZ,EAAE,OAAO,EAAE,SAA0B,EAAE,EACvC,QAAQ,CACT,CAAC"}

package/dist/esm/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Button";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/Button/index.js

@@ -0,0 +1,2 @@
+export * from "./Button";
+//# sourceMappingURL=index.js.map

package/dist/esm/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/Caret/Caret.d.ts

@@ -0,0 +1,25 @@
+import { BoxProps } from "../Box";
+export type CaretProps = BoxProps & {
+    direction?: "up" | "down" | "left" | "right";
+    size?: number;
+};
+export declare const Caret: {
+    <C extends import("react").ElementType = import("react").ComponentType<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "id" | "backgroundColor" | "color" | "content" | "opacity" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "inert" | "lang" | "popover" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popoverTargetAction" | "popoverTarget" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onResize" | "onResizeCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>, CaretProps>>>(props: import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "id" | "backgroundColor" | "color" | "content" | "opacity" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "inert" | "lang" | "popover" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popoverTargetAction" | "popoverTarget" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onResize" | "onResizeCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>, "backgroundColor" | "direction" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
+    } & {
+        direction?: "up" | "down" | "left" | "right";
+        size?: number;
+    } & {
+        as?: C | undefined;
+    } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, string | number | symbol>): React.ReactElement | null;
+    displayName?: string;
+};
+//# sourceMappingURL=Caret.d.ts.map

package/dist/esm/Caret/Caret.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.d.ts","sourceRoot":"","sources":["../../../src/Caret/Caret.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGvC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG;IAClC,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAoDF,eAAO,MAAM,KAAK;;mBA9BD,MACL,SAAF;;;;mBADO,MACL,SAAF;;;;mBADO,MACL,SAAF;;oBAzBI,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;eACrC,MAAM;;;6GAOA,MAEb,YACD;;CAkDA,CAAC"}

package/dist/esm/Caret/Caret.js

@@ -0,0 +1,57 @@
+import styled, { css } from "styled-components";
+import { themeGet } from "@styled-system/theme-get";
+import { Box } from "../Box";
+import { withDefaultProps } from "../lib/withDefaultProps";
+const StyledCaret = styled(Box) `
+  position: relative;
+  width: ${(props) => themeGet(`space.${props.size}`)(props)};
+  height: ${(props) => themeGet(`space.${props.size}`)(props)};
+  flex-shrink: 0;
+
+  &::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 70%;
+    height: 70%;
+    background-color: transparent;
+    transform: translate(-50%, -50%) rotate(45deg);
+
+    ${({ direction }) => {
+    switch (direction) {
+        case "up":
+            return css `
+            border-top: 1px solid;
+            border-left: 1px solid;
+            margin-top: 25%;
+          `;
+        case "down":
+            return css `
+            border-right: 1px solid;
+            border-bottom: 1px solid;
+            margin-top: -25%;
+          `;
+        case "left":
+            return css `
+            border-bottom: 1px solid;
+            border-left: 1px solid;
+            margin-left: 25%;
+          `;
+        case "right":
+            return css `
+            border-top: 1px solid;
+            border-right: 1px solid;
+            margin-left: -25%;
+          `;
+    }
+}}
+  }
+`;
+StyledCaret.displayName = "StyledCaret";
+export const Caret = withDefaultProps(StyledCaret, {
+    direction: "down",
+    size: 3,
+}, "Caret");
+//# sourceMappingURL=Caret.js.map

package/dist/esm/Caret/Caret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Caret.js","sourceRoot":"","sources":["../../../src/Caret/Caret.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,GAAG,EAAY,MAAM,QAAQ,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAO3D,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAY;;WAEhC,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;YAChD,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC;;;;;;;;;;;;;;MAcvD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAClB,QAAQ,SAAS,EAAE,CAAC;QAClB,KAAK,IAAI;YACP,OAAO,GAAG,CAAA;;;;WAIT,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,GAAG,CAAA;;;;WAIT,CAAC;QACJ,KAAK,MAAM;YACT,OAAO,GAAG,CAAA;;;;WAIT,CAAC;QACJ,KAAK,OAAO;YACV,OAAO,GAAG,CAAA;;;;WAIT,CAAC;IACN,CAAC;AACH,CAAC;;CAEJ,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG,gBAAgB,CACnC,WAAW,EACX;IACE,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,CAAC;CACR,EACD,OAAO,CACR,CAAC"}

package/dist/esm/Caret/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Caret";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Caret/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Caret/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/Caret/index.js

@@ -0,0 +1,2 @@
+export * from "./Caret";
+//# sourceMappingURL=index.js.map

package/dist/esm/Caret/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Caret/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/Cell/Cell.d.ts

@@ -0,0 +1,30 @@
+import { BoxProps } from "../Box";
+export declare const CELL_VARIANTS: {
+    default: {
+        fontSize: number[];
+        px: number;
+        py: number;
+    };
+    small: {
+        fontSize: number[];
+        px: number;
+        py: number;
+    };
+};
+export type CellVariant = keyof typeof CELL_VARIANTS;
+export type CellProps = BoxProps & {
+    variant?: CellVariant;
+};
+export declare const cellFocusMixin: import("styled-components").RuleSet<object>;
+export declare const cellMixin: import("styled-components").RuleSet<object>;
+export declare const Cell: {
+    <C extends import("react").ElementType = import("react").ComponentType<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CellProps>>>(props: import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "variant" | "backgroundColor" | "opacity" | "transition" | "children" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>> & 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?: React.ReactNode;
+    } & {
+        variant?: CellVariant;
+    } & {
+        as?: C | undefined;
+    } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, "variant" | "key" | "id" | "backgroundColor" | "color" | "content" | "opacity" | "transition" | "translate" | "hidden" | "slot" | "style" | "title" | "dir" | "rel" | "accessKey" | "draggable" | "inert" | "lang" | "popover" | "className" | "prefix" | "role" | "children" | "contentEditable" | "enterKeyHint" | "inputMode" | "nonce" | "tabIndex" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "autoCapitalize" | "autoFocus" | "contextMenu" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popoverTargetAction" | "popoverTarget" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "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-rowindextext" | "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" | "onResize" | "onResizeCapture" | "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" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>>>): React.ReactElement | null;
+    displayName?: string;
+};
+//# sourceMappingURL=Cell.d.ts.map

package/dist/esm/Cell/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/Cell/Cell.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAI5C,eAAO,MAAM,aAAa;;;;;;;;;;;CAWzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,aAAa,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,cAAc,6CAG1B,CAAC;AAEF,eAAO,MAAM,SAAS,6CAcrB,CAAC;AAcF,eAAO,MAAM,IAAI;;mBAzBf,MAAO,SAAS;;kBAXN,WAAW;;;66LAHqB,MAAO,YAE3C;;CAyCP,CAAC"}

package/dist/esm/Cell/Cell.js

@@ -0,0 +1,49 @@
+import styled, { css } from "styled-components";
+import { variant } from "styled-system";
+import { themeGet } from "@styled-system/theme-get";
+import { boxMixin } from "../Box";
+import { shouldForwardProp } from "../lib/shouldForwardProp";
+import { withDefaultProps } from "../lib/withDefaultProps";
+export const CELL_VARIANTS = {
+    default: {
+        fontSize: [2, 2, 3],
+        px: 6,
+        py: 4,
+    },
+    small: {
+        fontSize: [0, 0, 1],
+        px: 3,
+        py: 2,
+    },
+};
+export const cellFocusMixin = css `
+  outline: 0;
+  box-shadow: inset 0 0 0 ${themeGet("space.1")} ${themeGet("colors.accent")};
+`;
+export const cellMixin = css `
+  align-items: center;
+  background-color: ${themeGet("colors.background")};
+  border-color: ${themeGet("colors.border")};
+  border-style: solid;
+  border-width: 1px;
+  color: ${themeGet("colors.primary")};
+  display: flex;
+  font-family: ${themeGet("fonts.body")};
+  line-height: ${themeGet("lineHeights.2")};
+  transition: box-shadow 250ms ease;
+
+  ${variant({ variants: CELL_VARIANTS })}
+  ${boxMixin}
+`;
+const StyledCell = styled.div.withConfig({
+    shouldForwardProp,
+}) `
+  ${cellMixin}
+
+  &:focus {
+    ${cellFocusMixin}
+  }
+`;
+StyledCell.displayName = "StyledCell";
+export const Cell = withDefaultProps(StyledCell, { variant: "default" }, "Cell");
+//# sourceMappingURL=Cell.js.map

package/dist/esm/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../../../src/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAY,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,OAAO,EAAE;QACP,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACnB,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,CAAC;KACN;CACF,CAAC;AAQF,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;4BAEL,QAAQ,CAAC,SAAS,CAAC,IAAI,QAAQ,CAAC,eAAe,CAAC;CAC3E,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;sBAEN,QAAQ,CAAC,mBAAmB,CAAC;kBACjC,QAAQ,CAAC,eAAe,CAAC;;;WAGhC,QAAQ,CAAC,gBAAgB,CAAC;;iBAEpB,QAAQ,CAAC,YAAY,CAAC;iBACtB,QAAQ,CAAC,eAAe,CAAC;;;IAGtC,OAAO,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;IACpC,QAAQ;CACX,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC;IACvC,iBAAiB;CAClB,CAAC,CAAW;IACT,SAAS;;;MAGP,cAAc;;CAEnB,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,MAAM,CAAC,MAAM,IAAI,GAAG,gBAAgB,CAClC,UAAU,EACV,EAAE,OAAO,EAAE,SAAwB,EAAE,EACrC,MAAM,CACP,CAAC"}

package/dist/esm/Cell/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Cell";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Cell/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Cell/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/Cell/index.js

@@ -0,0 +1,2 @@
+export * from "./Cell";
+//# sourceMappingURL=index.js.map

package/dist/esm/Cell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Cell/index.tsx"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/Clear/Clear.d.ts

@@ -0,0 +1,53 @@
+import { RemoveProps } from "../Remove";
+export type ClearProps = RemoveProps & {
+    variant?: "small" | "default";
+};
+export declare const clearHoverMixin: import("styled-components").RuleSet<object>;
+export declare const clearFocusMixin: import("styled-components").RuleSet<object>;
+export declare const Clear: {
+    <C extends import("react").ElementType = import("react").ComponentType<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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?: React.ReactNode;
+    } & {
+        cursor?: import("styled-system").ResponsiveValue<string>;
+        textDecoration?: import("styled-system").ResponsiveValue<string>;
+    }, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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?: React.ReactNode;
+    } & {
+        cursor?: import("styled-system").ResponsiveValue<string>;
+        textDecoration?: import("styled-system").ResponsiveValue<string>;
+    } & {
+        hover?: boolean;
+        focus?: boolean;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "ref" | "bg" | "textColor" | "hover" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, ClearProps>>>(props: import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "bg" | "textColor" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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?: React.ReactNode;
+    } & {
+        cursor?: import("styled-system").ResponsiveValue<string>;
+        textDecoration?: import("styled-system").ResponsiveValue<string>;
+    }, "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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?: React.ReactNode;
+    } & {
+        cursor?: import("styled-system").ResponsiveValue<string>;
+        textDecoration?: import("styled-system").ResponsiveValue<string>;
+    } & {
+        hover?: boolean;
+        focus?: boolean;
+    } & {
+        as?: import("react").ElementType | undefined;
+    } & Omit<Omit<any, "ref">, "key" | "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "ref" | "bg" | "textColor" | "hover" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "variant" | "backgroundColor" | "cursor" | "opacity" | "textDecoration" | "transition" | "focus" | "bg" | "textColor" | "hover" | keyof import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("csstype").Property.Border<import("styled-system").TLengthStyledSystem>> | keyof import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").FlexboxProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> | keyof import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("styled-system").LayoutProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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?: React.ReactNode;
+    } & {
+        cursor?: import("styled-system").ResponsiveValue<string>;
+        textDecoration?: import("styled-system").ResponsiveValue<string>;
+    } & {
+        hover?: boolean;
+        focus?: boolean;
+    } & {
+        variant?: "small" | "default";
+    } & {
+        as?: C | undefined;
+    } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<C>>, string | number | symbol>): React.ReactElement | null;
+    displayName?: string;
+};
+//# sourceMappingURL=Clear.d.ts.map

package/dist/esm/Clear/Clear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clear.d.ts","sourceRoot":"","sources":["../../../src/Clear/Clear.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAAE,CAAC;AAEzE,eAAO,MAAM,eAAe,6CAO3B,CAAC;AAEF,eAAO,MAAM,eAAe,6CAU3B,CAAC;AAqDF,eAAO,MAAM,KAAK;;mBA9CD,MAAO,SAEpB;;;;;mBAFa,MAAO,SAEpB;;;;;;;;;;mBAFa,MAAO,SAEpB;;;;;mBAFa,MAAO,SAEpB;;;;;;;;;;mBAFa,MAAO,SAEpB;;;;;;;;kBA9B+C,OAAO,GAAG,SAAS;;;6GAclE,MAAK,YAAY;;CAkEpB,CAAC"}

package/dist/esm/Clear/Clear.js

@@ -0,0 +1,75 @@
+import styled, { css } from "styled-components";
+import { themeGet } from "@styled-system/theme-get";
+import { Remove } from "../Remove";
+import { withDefaultProps } from "../lib/withDefaultProps";
+export const clearHoverMixin = css `
+  background-color: ${themeGet("colors.tertiary")};
+
+  &::before,
+  &::after {
+    background-color: ${themeGet("colors.primary")};
+  }
+`;
+export const clearFocusMixin = css `
+  &,
+  &:hover {
+    background-color: ${themeGet("colors.tertiary")};
+
+    &::before,
+    &::after {
+      background-color: ${themeGet("colors.primary")};
+    }
+  }
+`;
+const StyledClear = styled(Remove) `
+  border-radius: 50%;
+  background-color: ${themeGet("colors.hint")};
+  transition:
+    color 250ms,
+    background-color 250ms;
+
+  &::before,
+  &::after {
+    height: 1px;
+    background-color: ${themeGet("colors.secondary")};
+    transition: none;
+  }
+
+  ${({ variant }) => {
+    if (variant === "small") {
+        return css `
+        min-width: ${themeGet("space.5")};
+        min-height: ${themeGet("space.5")};
+
+        &::before,
+        &::after {
+          width: ${themeGet("space.3")};
+        }
+      `;
+    }
+    return css `
+      min-width: ${themeGet("space.6")};
+      min-height: ${themeGet("space.6")};
+
+      &::before,
+      &::after {
+        width: ${themeGet("space.4")};
+      }
+    `;
+}}
+
+  ${({ hover }) => hover && clearHoverMixin}
+  &:hover {
+    ${clearHoverMixin}
+  }
+
+  ${({ focus }) => focus && clearFocusMixin}
+  &:focus {
+    ${clearFocusMixin}
+  }
+`;
+StyledClear.displayName = "StyledClear";
+export const Clear = withDefaultProps(StyledClear, {
+    variant: "default",
+}, "Clear");
+//# sourceMappingURL=Clear.js.map

package/dist/esm/Clear/Clear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../../src/Clear/Clear.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;sBACZ,QAAQ,CAAC,iBAAiB,CAAC;;;;wBAIzB,QAAQ,CAAC,gBAAgB,CAAC;;CAEjD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;wBAGV,QAAQ,CAAC,iBAAiB,CAAC;;;;0BAIzB,QAAQ,CAAC,gBAAgB,CAAC;;;CAGnD,CAAC;AAEF,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,CAAY;;sBAExB,QAAQ,CAAC,aAAa,CAAC;;;;;;;;wBAQrB,QAAQ,CAAC,kBAAkB,CAAC;;;;IAIhD,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IAChB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,GAAG,CAAA;qBACK,QAAQ,CAAC,SAAS,CAAC;sBAClB,QAAQ,CAAC,SAAS,CAAC;;;;mBAItB,QAAQ,CAAC,SAAS,CAAC;;OAE/B,CAAC;IACJ,CAAC;IAED,OAAO,GAAG,CAAA;mBACK,QAAQ,CAAC,SAAS,CAAC;oBAClB,QAAQ,CAAC,SAAS,CAAC;;;;iBAItB,QAAQ,CAAC,SAAS,CAAC;;KAE/B,CAAC;AACJ,CAAC;;IAEC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,eAAe;;MAErC,eAAe;;;IAGjB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,eAAe;;MAErC,eAAe;;CAEpB,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,KAAK,GAAG,gBAAgB,CACnC,WAAW,EACX;IACE,OAAO,EAAE,SAAkB;CAC5B,EACD,OAAO,CACR,CAAC"}

package/dist/esm/Clear/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Clear";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/Clear/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Clear/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/Clear/index.js

@@ -0,0 +1,2 @@
+export * from "./Clear";
+//# sourceMappingURL=index.js.map

package/dist/esm/Clear/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Clear/index.tsx"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/ClearableInput/ClearableInput.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { InputProps } from "../Input";
+import { BoxSpatialProps } from "../Box";
+export type ClearableInputProps = BoxSpatialProps & Omit<InputProps, "onChange" | "value"> & {
+    onChange?(value: string): void;
+    onClear?(): void;
+    value?: string;
+};
+export declare const ClearableInput: React.ForwardRefExoticComponent<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<InputProps, "value" | "onChange"> & {
+    onChange?(value: string): void;
+    onClear?(): void;
+    value?: string;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=ClearableInput.d.ts.map

package/dist/esm/ClearableInput/ClearableInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearableInput.d.ts","sourceRoot":"","sources":["../../../src/ClearableInput/ClearableInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAExE,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAO,eAAe,EAAE,MAAM,QAAQ,CAAC;AAQ9C,MAAM,MAAM,mBAAmB,GAAG,eAAe,GAC/C,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACvC,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,eAAO,MAAM,cAAc;qBALN,MAAM,GAAG,IAAI;gBAClB,IAAI;YACR,MAAM;0CAgGjB,CAAC"}