Socket
Socket
Sign inDemoInstall

@kodiak-ui/primitives

Package Overview
Dependencies
Maintainers
5
Versions
104
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@kodiak-ui/primitives - npm Package Compare versions

Comparing version 0.10.6 to 0.11.0

dist/Tag/__tests__/Tag.spec.d.ts
dist/Tag/__tests__/TagDismiss.spec.d.ts
dist/Tag/__tests__/TagLabel.spec.d.ts
dist/Tag/index.d.ts
dist/Tag/Tag.d.ts
dist/Tag/TagDismiss.d.ts
dist/Tag/TagLabel.d.ts

1

dist/Button/AnchorButton.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { SystemProps, VariantProps } from '@kodiak-ui/core';

@@ -4,0 +5,0 @@ export declare type AnchorButtonProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & VariantProps & SystemProps;

1

dist/Button/Button.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { VariantProps, SystemProps, Theme, SerializedStyles } from '@kodiak-ui/core';

@@ -4,0 +5,0 @@ import { BaseProps } from '../Box';

2

dist/Checkbox/Checkbox.d.ts

@@ -5,2 +5,2 @@ import * as React from 'react';

sx?: object | undefined;
} & VariantProps & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
} & VariantProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<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").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

7

dist/Flex/Flex.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { BoxProps } from '../Box';
export declare const Flex: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
as?: "symbol" | "object" | "div" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
} & import("../Box/Box").BaseProp & import("../Box").VariantProps & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("theme-ui").SxProps, "ref" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx"> & {
export declare const Flex: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<BoxProps, "ref" | "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow"> & {
theme?: object | undefined;
}>, "p" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "textShadow" | "theme"> & {
}>, "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow" | "theme"> & {
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, BoxProps, object>;

7

dist/Grid/Grid.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { BoxProps } from '../Box';
export declare const Grid: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
as?: "symbol" | "object" | "div" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | undefined;
} & import("../Box/Box").BaseProp & import("../Box").VariantProps & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("theme-ui").SxProps, "ref" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx"> & {
export declare const Grid: import("@emotion/styled-base").StyledComponent<Pick<import("react").PropsWithChildren<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<BoxProps, "ref" | "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow"> & {
theme?: object | undefined;
}>, "p" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "textShadow" | "theme"> & {
}>, "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow" | "theme"> & {
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
}, BoxProps, object>;

1

dist/Iframe/Iframe.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { VariantProps, SystemProps } from '../Box';

@@ -4,0 +5,0 @@ declare type IframeProps = React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement> & VariantProps & SystemProps;

1

dist/index.d.ts

@@ -19,1 +19,2 @@ export { Box, sx, variant } from './Box';

export { Iframe } from './Iframe';
export { Tag, TagProps, TagLabel, TagLabelProps, TagDismiss, TagDismissProps, } from './Tag';

2

dist/index.es.js

@@ -1,2 +0,2 @@

import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{createShouldForwardProp as i}from"@styled-system/should-forward-prop";import{space as o,color as c,typography as s,layout as l,flexbox as d,grid as u,background as f,border as p,position as h,shadow as v,get as m}from"styled-system";import{variant as b,sx as y,systemProps as g,shouldForwardProp as w,css as O,styled as x}from"@kodiak-ui/core";import j,{forwardRef as _,createElement as k,Fragment as E}from"react";import z from"@emotion/styled";function K(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function R(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function C(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?R(Object(n),!0).forEach(function(r){K(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}j.createContext({__EMOTION_VERSION__:e,theme:null});var P=j.createContext({}),S={inlineCode:"code",wrapper:function(e){return j.createElement(j.Fragment,{},e.children)}};_(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=j.useContext(P),t=r;return e&&(t="function"==typeof e?e(r):C({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||S[s]||a;return j.createElement(l,t?C({ref:r},o,{components:t}):C({ref:r},o))}).displayName="MDXCreateElement";var N={inlineCode:"code",thematicBreak:"hr",root:"div"},W=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},M=z("div")(W("div")),F={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;F[e]=z(N[r=e]||r)(W(e)),M[e]=F[e]});var H=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},B=function(e,r){if("number"!=typeof r||r>=0)return H(e,r,r);var t=Math.abs(r),n=H(e,t,t);return"string"==typeof n?"-"+n:-1*n},V=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=B,t))},{}),Object.getOwnPropertySymbols),D=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,L=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))D.call(t,c)&&(i[c]=t[c]);if(V){n=V(t);for(var s=0;s<n.length;s++)I.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},A=function(e,r){var t=L({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&L(t,((a={})[n]=L(e[n],r[n]),a))}return t},T={breakpoints:[40,52,64].map(function(e){return e+"em"})},G=function(e){return"@media screen and (min-width: "+e+")"},q=function(e,r){return X(r,e,e)},X=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},Z=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);L(i,s?((c={})[s]=L({},i[s],l),c):l)}),i},Y=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=G(c);L(i,((l={})[d]=L({},i[d],s),l))}else L(i,s)}return i},$=function(e){var r=e.properties,t=e.transform,n=void 0===t?q:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},J={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};J.bg=J.backgroundColor;var Q=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?$(n):n:$({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=X(e.theme,l.scale,l.defaults);if("object"!=typeof d)L(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||X(e.theme,"breakpoints",T.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(G)),i=A(i,Z(t.media,l,u,d,e));continue}null!==d&&(i=A(i,Y(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),i=a),i};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(J),U=i(r.propNames.concat(Q.propNames)),ee=z("div",{shouldForwardProp:U})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),n(a(r,i+"."+t,a(r,t)))},r,Q,function(e){return n(e.sx)(e.theme)},function(e){return e.css});z(ee)({display:"flex"});var re=function(e){return Array.isArray(e)?e.map(re):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},te=function(e){return Array.isArray(e)?e.map(te):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},ne=(j.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),o=t?re(t):te(n);return j.createElement(ee,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),ae=(j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ie=(j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),oe=j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),ce=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return j.createElement(ee,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},se=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},le=/^m[trblxy]?$/,de=se(function(e){return le.test(e)}),ue=se(function(e){return!le.test(e)}),fe=function(e){return j.createElement(ce,e,j.createElement("path",{d:"M7 10l5 5 5-5z"}))};j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},de(e),{sx:{display:"flex"}}),j.createElement(ee,Object.assign({},{ref:r,as:"select",variant:"select"},ue(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),j.createElement(fe,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var pe=function(e){return j.createElement(ce,e,j.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},he=function(e){return j.createElement(ce,e,j.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ve=function(e){return j.createElement(j.Fragment,null,j.createElement(pe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),j.createElement(he,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};j.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return j.createElement(ee,null,j.createElement(ee,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),j.createElement(ee,{as:ve,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var me=function(e){return j.createElement(ce,e,j.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},be=function(e){return j.createElement(ce,e,j.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ye=function(e){return j.createElement(j.Fragment,null,j.createElement(me,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),j.createElement(be,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ge=(j.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return j.createElement(ee,null,j.createElement(ee,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),j.createElement(ee,{as:ye,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":ge,"&::-moz-range-thumb":ge,"&::-ms-thumb":ge}}))}),j.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=oe);var n=e.label,a=e.name,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return j.createElement(ee,de(i),j.createElement(ie,{htmlFor:a},n),j.createElement(t,Object.assign({},{ref:r,id:a,name:a},ue(i))))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),j.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),l=16-n,d=2*l*Math.PI,u=d-(a-i)/(o-i)*d;return j.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":i,"aria-valuemax":o},s,{__css:{color:"primary"}}),c&&j.createElement("title",null,c),j.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),j.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var we=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});j.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var i=e.duration;void 0===i&&(i=500);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return j.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),j.createElement("title",null,a),j.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),j.createElement(ee,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:we.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),j.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return j.createElement(ae,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var Oe=j.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return j.createElement(ee,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),xe=j.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},j.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));j.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return j.createElement(Oe,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:xe}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),j.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return j.createElement(ee,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),j.createElement(ee,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var je=j.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return j.createElement(ee,{ref:r,sx:{position:"relative",overflow:"hidden"}},j.createElement(ee,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),j.createElement(ee,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});j.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return j.createElement(je,{ratio:t},j.createElement(ae,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),j.forwardRef(function(e,r){return j.createElement(ne,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),j.forwardRef(function(e,r){return j.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var _e=function(e){var r=e.size;return void 0===r&&(r=24),j.createElement(ee,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},j.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ke=(j.forwardRef(function(e,r){return j.createElement(Oe,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),j.createElement(_e,null))}),i(o.propNames.concat(c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,h.propNames,v.propNames))),Ee=[o,c,s,l,d,u,f,p,h,v];function ze(e){return n(e.sx)(e.theme)}function Ke(e){return n(e.__base)(e.theme)}function Re(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(m(t,a?a+"."+r:r,m(t,a)))(t)}var Ce=z("div",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,Re].concat(Ee,[ze]));function Pe(e){var r=e.theme;return O({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var Se=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),b({variant:e.variant,theme:e.theme,variantKey:r})},Ne=x("button",{shouldForwardProp:w}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Pe,Ke,Se].concat(g,[y])),We=z("a",{shouldForwardProp:w}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Pe,Se].concat(g,[y])),Me=z("svg",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Fe=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return j.createElement(Me,Object.assign({},n),j.createElement("title",null,r),j.createElement("desc",null,t),n.children)},He=z("input",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Be(e){return k(Fe,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),k("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),k("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Ve(e){return k(Fe,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),k("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),k("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),k("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function De(e){var r=e.sx,t=e.variant,n=e.variantKey;return k(E,null,k(Ve,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),k(Be,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ie=_(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return k(Ce,null,k(He,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),k(De,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Le=z("label",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),Re({variant:e.variant,variantKey:r,theme:e.theme})}].concat(Ee,[ze])),Ae=z("p",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Te=_(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return k(Ce,{mb:4},k(Le,{htmlFor:t,mb:2},e.label),k(He,{ref:r,id:t,name:t,defaultValue:n}),a)});function Ge(e){var r=e.children,t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children"]);return k(Ae,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var qe=z(Ce)({display:"flex"}),Xe=z(Ce)({display:"grid"}),Ze=z("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),b({variant:r,variantKey:t,theme:e.theme})}].concat(g,[y])),Ye=_(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menu");var a=e.variant,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant"]);return k(Ce,{as:"nav"},k(Ce,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),$e=_(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menuitem");var a=e.variant,i=e.as;void 0===i&&(i="li");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant","as"]);return k(Ce,Object.assign({variantKey:n,variant:a},o,{as:i,ref:r}),t)});function Je(e){return k(Fe,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),k("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function Qe(e){return k(Fe,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),k("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function Ue(e){var r=e.sx,t=e.variant,n=e.variantKey;return k(E,null,k(Qe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),k(Je,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var er=_(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return k(Ce,null,k(He,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),k(Ue,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),rr=z("select",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),Re({variant:r,theme:e.theme,variantKey:t})}].concat(Ee,[ze])),tr=_(function(e,r){return k(qe,null,k(rr,Object.assign({ref:r},e)),k(Fe,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},k("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function nr(e){var r=e.variant,t=e.variantKey;return k(Ce,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},k(Ce,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var ar=_(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var s=e.indicatorVariant;void 0===s&&(s="indicator");var l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return k(Ce,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),k(He,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},l)),k(nr,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),ir=z("textarea",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(Ee,[ze])),or=z("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),cr=_(function(e,r){return k(or,Object.assign({ref:r},e))}),sr=z("iframe",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(Ee,[ze]));export{Ce as Box,ze as sx,Re as variant,Ne as Button,We as AnchorButton,Ie as Checkbox,Te as Field,Ge as FieldError,qe as Flex,Xe as Grid,He as Input,Le as Label,Ze as Link,Ye as Menu,$e as MenuItem,er as Radio,tr as Select,Me as Svg,Fe as SvgIcon,ar as Switch,Ae as Text,ir as Textarea,cr as VisuallyHidden,sr as Iframe};
import{version as e}from"@emotion/core/package.json";import r from"@styled-system/space";import{keyframes as t}from"@emotion/core";import{css as n,get as a}from"@theme-ui/css";import{createShouldForwardProp as i}from"@styled-system/should-forward-prop";import{space as o,color as c,typography as s,layout as l,flexbox as d,grid as u,background as f,border as p,position as v,shadow as h,get as m}from"styled-system";import b from"@emotion/styled";import g,{forwardRef as y,createElement as x,Fragment as w}from"react";import{variant as O,sx as j,systemProps as _,shouldForwardProp as k,css as E,styled as z}from"@kodiak-ui/core";function K(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function R(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function S(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?R(Object(n),!0).forEach(function(r){K(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}g.createContext({__EMOTION_VERSION__:e,theme:null});var C=g.createContext({}),P={inlineCode:"code",wrapper:function(e){return g.createElement(g.Fragment,{},e.children)}};y(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=g.useContext(C),t=r;return e&&(t="function"==typeof e?e(r):S({},r,{},e)),t}(t),s=n,l=c["".concat(i,".").concat(s)]||c[s]||P[s]||a;return g.createElement(l,t?S({ref:r},o,{components:t}):S({ref:r},o))}).displayName="MDXCreateElement";var W={inlineCode:"code",thematicBreak:"hr",root:"div"},N=function(e){return function(r){return n(a(r.theme,"styles."+e))(r.theme)}},H=b("div")(N("div")),M={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;M[e]=b(W[r=e]||r)(N(e)),H[e]=M[e]});var F=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},B=function(e,r){if("number"!=typeof r||r>=0)return F(e,r,r);var t=Math.abs(r),n=F(e,t,t);return"string"==typeof n?"-"+n:-1*n},D=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=B,t))},{}),Object.getOwnPropertySymbols),V=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable,L=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))V.call(t,c)&&(i[c]=t[c]);if(D){n=D(t);for(var s=0;s<n.length;s++)I.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},A=function(e,r){var t=L({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&L(t,((a={})[n]=L(e[n],r[n]),a))}return t},T={breakpoints:[40,52,64].map(function(e){return e+"em"})},G=function(e){return"@media screen and (min-width: "+e+")"},q=function(e,r){return X(r,e,e)},X=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},Z=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);L(i,s?((c={})[s]=L({},i[s],l),c):l)}),i},Y=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=G(c);L(i,((l={})[d]=L({},i[d],s),l))}else L(i,s)}return i},$=function(e){var r=e.properties,t=e.transform,n=void 0===t?q:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},J={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};J.bg=J.backgroundColor;var Q=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?$(n):n:$({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=X(e.theme,l.scale,l.defaults);if("object"!=typeof d)L(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||X(e.theme,"breakpoints",T.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(G)),i=A(i,Z(t.media,l,u,d,e));continue}null!==d&&(i=A(i,Y(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),i=a),i};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(J),U=i(r.propNames.concat(Q.propNames)),ee=b("div",{shouldForwardProp:U})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return n(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,i=e.__themeKey;return void 0===i&&(i="variants"),n(a(r,i+"."+t,a(r,t)))},r,Q,function(e){return n(e.sx)(e.theme)},function(e){return e.css});b(ee)({display:"flex"});var re=function(e){return Array.isArray(e)?e.map(re):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},te=function(e){return Array.isArray(e)?e.map(te):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},ne=(g.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),o=t?re(t):te(n);return g.createElement(ee,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),ae=(g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),ie=(g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),oe=g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),ce=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(ee,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},se=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},le=/^m[trblxy]?$/,de=se(function(e){return le.test(e)}),ue=se(function(e){return!le.test(e)}),fe=function(e){return g.createElement(ce,e,g.createElement("path",{d:"M7 10l5 5 5-5z"}))};g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},de(e),{sx:{display:"flex"}}),g.createElement(ee,Object.assign({},{ref:r,as:"select",variant:"select"},ue(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),g.createElement(fe,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var pe=function(e){return g.createElement(ce,e,g.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},ve=function(e){return g.createElement(ce,e,g.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},he=function(e){return g.createElement(g.Fragment,null,g.createElement(pe,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),g.createElement(ve,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};g.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return g.createElement(ee,null,g.createElement(ee,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),g.createElement(ee,{as:he,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var me=function(e){return g.createElement(ce,e,g.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},be=function(e){return g.createElement(ce,e,g.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},ge=function(e){return g.createElement(g.Fragment,null,g.createElement(me,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),g.createElement(be,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},ye=(g.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return g.createElement(ee,null,g.createElement(ee,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),g.createElement(ee,{as:ge,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":ye,"&::-moz-range-thumb":ye,"&::-ms-thumb":ye}}))}),g.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=oe);var n=e.label,a=e.name,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return g.createElement(ee,de(i),g.createElement(ie,{htmlFor:a},n),g.createElement(t,Object.assign({},{ref:r,id:a,name:a},ue(i))))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),l=16-n,d=2*l*Math.PI,u=d-(a-i)/(o-i)*d;return g.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":i,"aria-valuemax":o},s,{__css:{color:"primary"}}),c&&g.createElement("title",null,c),g.createElement("circle",{cx:16,cy:16,r:l,opacity:1/8}),g.createElement("circle",{cx:16,cy:16,r:l,strokeDasharray:d,strokeDashoffset:u,transform:"rotate(-90 16 16)"}))});var xe=t({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var i=e.duration;void 0===i&&(i=500);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,l=s-.25*s;return g.createElement(ee,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),g.createElement("title",null,a),g.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),g.createElement(ee,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:l,__css:{transformOrigin:"50% 50%",animationName:xe.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(ae,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var we=g.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(ee,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),Oe=g.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},g.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));g.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return g.createElement(we,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:Oe}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),g.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return g.createElement(ee,Object.assign({},l,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),g.createElement(ee,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var je=g.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return g.createElement(ee,{ref:r,sx:{position:"relative",overflow:"hidden"}},g.createElement(ee,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),g.createElement(ee,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});g.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return g.createElement(je,{ratio:t},g.createElement(ae,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),g.forwardRef(function(e,r){return g.createElement(ne,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),g.forwardRef(function(e,r){return g.createElement(ee,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var _e=function(e){var r=e.size;return void 0===r&&(r=24),g.createElement(ee,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},g.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},ke=(g.forwardRef(function(e,r){return g.createElement(we,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),g.createElement(_e,null))}),i(o.propNames.concat(c.propNames,s.propNames,l.propNames,d.propNames,u.propNames,f.propNames,p.propNames,v.propNames,h.propNames))),Ee=[o,c,s,l,d,u,f,p,v,h];function ze(e){return n(e.sx)(e.theme)}function Ke(e){return n(e.__base)(e.theme)}function Re(e){var r=e.variant,t=e.theme,a=e.variantKey;return n(m(t,a?a+"."+r:r,m(t,a)))(t)}var Se=b("div",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,Re].concat(Ee,[ze]));function Ce(e){var r=e.theme;return E({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var Pe=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),O({variant:e.variant,theme:e.theme,variantKey:r})},We=z("button",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Ke,Pe].concat(_,[j])),Ne=b("a",{shouldForwardProp:k}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},Ce,Pe].concat(_,[j])),He=b("svg",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Me=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return g.createElement(He,Object.assign({},n),g.createElement("title",null,r),g.createElement("desc",null,t),n.children)},Fe=b("input",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze]));function Be(e){return x(Me,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),x("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),x("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function De(e){return x(Me,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),x("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),x("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),x("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Ve(e){var r=e.sx,t=e.variant,n=e.variantKey;return x(w,null,x(De,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),x(Be,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Ie=y(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return x(Se,null,x(Fe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),x(Ve,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Le=b("label",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),Re({variant:e.variant,variantKey:r,theme:e.theme})}].concat(Ee,[ze])),Ae=b("p",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),Re({variant:e.variant,theme:e.theme,variantKey:r})}].concat(Ee,[ze])),Te=y(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return x(Se,{mb:4},x(Le,{htmlFor:t,mb:2},e.label),x(Fe,{ref:r,id:t,name:t,defaultValue:n}),a)});function Ge(e){var r=e.children,t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children"]);return x(Ae,Object.assign({as:"span",color:"danger",role:"alert"},t),r)}var qe=b(Se)({display:"flex"}),Xe=b(Se)({display:"grid"}),Ze=b("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},Ke,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),O({variant:r,variantKey:t,theme:e.theme})}].concat(_,[j])),Ye=y(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menu");var a=e.variant,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant"]);return x(Se,{as:"nav"},x(Se,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),$e=y(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menuitem");var a=e.variant,i=e.as;void 0===i&&(i="li");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant","as"]);return x(Se,Object.assign({variantKey:n,variant:a},o,{as:i,ref:r}),t)});function Je(e){return x(Me,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),x("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function Qe(e){return x(Me,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),x("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function Ue(e){var r=e.sx,t=e.variant,n=e.variantKey;return x(w,null,x(Qe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),x(Je,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var er=y(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return x(Se,null,x(Fe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),x(Ue,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),rr=b("select",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),Re({variant:r,theme:e.theme,variantKey:t})}].concat(Ee,[ze])),tr=y(function(e,r){return x(qe,null,x(rr,Object.assign({ref:r},e)),x(Me,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},x("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function nr(e){var r=e.variant,t=e.variantKey;return x(Se,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},x(Se,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var ar=y(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var s=e.indicatorVariant;void 0===s&&(s="indicator");var l=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return x(Se,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},l),x(Fe,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},l)),x(nr,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:s}))}),ir=b("textarea",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return n({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(Ee,[ze])),or=b("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),cr=y(function(e,r){return x(or,Object.assign({ref:r},e))}),sr=b("iframe",{shouldForwardProp:ke}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return Re({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(Ee,[ze])),lr=z("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),O({variant:r,theme:e.theme,variantKey:t})},j);function dr(e){return x(lr,Object.assign({},e))}var ur=z("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),O({variant:r,theme:e.theme,variantKey:t})},j),fr=z("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return E({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),O({variant:r,theme:e.theme,variantKey:t})},j);function pr(e){var r=e.icon,t=e.onDismiss;return x(dr,{sx:{p:0}},x(ur,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),x(fr,{onClick:t},r))}export{Se as Box,ze as sx,Re as variant,We as Button,Ne as AnchorButton,Ie as Checkbox,Te as Field,Ge as FieldError,qe as Flex,Xe as Grid,Fe as Input,Le as Label,Ze as Link,Ye as Menu,$e as MenuItem,er as Radio,tr as Select,He as Svg,Me as SvgIcon,ar as Switch,Ae as Text,ir as Textarea,cr as VisuallyHidden,sr as Iframe,dr as Tag,ur as TagLabel,pr as TagDismiss};
//# sourceMappingURL=index.es.js.map

2

dist/index.js

@@ -1,2 +0,2 @@

function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),i=require("@styled-system/should-forward-prop"),o=require("styled-system"),c=require("@kodiak-ui/core"),s=require("react"),l=e(s),d=e(require("@emotion/styled"));function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function p(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?f(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var h=l.createContext({}),v={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=l.useContext(h),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,d=c["".concat(i,".").concat(s)]||c[s]||v[s]||a;return l.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var m={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},y=d("div")(b("div")),g={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;g[e]=d(m[r=e]||r)(b(e)),y[e]=g[e]});var x=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return x(e,r,r);var t=Math.abs(r),n=x(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),E=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))E.call(t,c)&&(i[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)j.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=_({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&_(t,((a={})[n]=_(e[n],r[n]),a))}return t},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return P(r,e,e)},P=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},S=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);_(i,s?((c={})[s]=_({},i[s],l),c):l)}),i},C=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=z(c);_(i,((l={})[d]=_({},i[d],s),l))}else _(i,s)}return i},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?K:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},M={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};M.bg=M.backgroundColor;var N=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=P(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||P(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,S(t.media,l,u,d,e));continue}null!==d&&(i=k(i,C(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),i=a),i};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(M),W=i.createShouldForwardProp(t.propNames.concat(N.propNames)),H=d("div",{shouldForwardProp:W})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,N,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});d(H)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},I=function(e){return Array.isArray(e)?e.map(I):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},V=(l.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),o=t?B(t):I(n);return l.createElement(H,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),D=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),A=l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),q=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},T=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=T(function(e){return G.test(e)}),Z=T(function(e){return!G.test(e)}),Y=function(e){return l.createElement(q,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(H,Object.assign({},{ref:r,as:"select",variant:"select"},Z(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(q,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},ee=function(e){return l.createElement(q,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},re=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(H,null,l.createElement(H,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(H,{as:re,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":te,"&::-moz-range-thumb":te,"&::-ms-thumb":te}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=A);var n=e.label,a=e.name,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return l.createElement(H,X(i),l.createElement(L,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return l.createElement(H,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":i,"aria-valuemax":o},s,{__css:{color:"primary"}}),c&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var i=e.duration;void 0===i&&(i=500);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,d=s-.25*s;return l.createElement(H,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(H,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(D,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ae=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(H,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ie=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,d=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return l.createElement(H,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(H,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(H,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(H,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(H,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(D,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(V,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(H,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ce=function(e){var r=e.size;return void 0===r&&(r=24),l.createElement(H,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(l.forwardRef(function(e,r){return l.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){return a.css(e.__base)(e.theme)}function fe(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var pe=d("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,fe].concat(le,[de]));function he(e){var r=e.theme;return c.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var ve=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),c.variant({variant:e.variant,theme:e.theme,variantKey:r})},me=c.styled("button",{shouldForwardProp:c.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,ue,ve].concat(c.systemProps,[c.sx])),be=d("a",{shouldForwardProp:c.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},he,ve].concat(c.systemProps,[c.sx])),ye=d("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),ge=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(ye,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)},xe=d("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function we(e){return s.createElement(ge,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Oe(e){return s.createElement(ge,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),s.createElement("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Ee(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Oe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(we,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var je=s.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return s.createElement(pe,null,s.createElement(xe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ee,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),_e=d("label",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),fe({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de])),ke=d("p",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Re=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(pe,{mb:4},s.createElement(_e,{htmlFor:t,mb:2},e.label),s.createElement(xe,{ref:r,id:t,name:t,defaultValue:n}),a)}),ze=d(pe)({display:"flex"}),Ke=d(pe)({display:"grid"}),Pe=d("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),c.variant({variant:r,variantKey:t,theme:e.theme})}].concat(c.systemProps,[c.sx])),Se=s.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menu");var a=e.variant,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant"]);return s.createElement(pe,{as:"nav"},s.createElement(pe,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),Ce=s.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menuitem");var a=e.variant,i=e.as;void 0===i&&(i="li");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant","as"]);return s.createElement(pe,Object.assign({variantKey:n,variant:a},o,{as:i,ref:r}),t)});function Fe(e){return s.createElement(ge,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function Me(e){return s.createElement(ge,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function Ne(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Me,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Fe,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var We=s.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return s.createElement(pe,null,s.createElement(xe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ne,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),He=d("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),fe({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),Be=s.forwardRef(function(e,r){return s.createElement(ze,null,s.createElement(He,Object.assign({ref:r},e)),s.createElement(ge,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.createElement("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function Ie(e){var r=e.variant,t=e.variantKey;return s.createElement(pe,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},s.createElement(pe,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var Ve=s.forwardRef(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var l=e.indicatorVariant;void 0===l&&(l="indicator");var d=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return s.createElement(pe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(xe,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},d)),s.createElement(Ie,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),De=d("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de])),Le=d("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),Ae=s.forwardRef(function(e,r){return s.createElement(Le,Object.assign({ref:r},e))}),qe=d("iframe",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(le,[de]));exports.Box=pe,exports.sx=de,exports.variant=fe,exports.Button=me,exports.AnchorButton=be,exports.Checkbox=je,exports.Field=Re,exports.FieldError=function(e){var r=e.children,t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children"]);return s.createElement(ke,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.Flex=ze,exports.Grid=Ke,exports.Input=xe,exports.Label=_e,exports.Link=Pe,exports.Menu=Se,exports.MenuItem=Ce,exports.Radio=We,exports.Select=Be,exports.Svg=ye,exports.SvgIcon=ge,exports.Switch=Ve,exports.Text=ke,exports.Textarea=De,exports.VisuallyHidden=Ae,exports.Iframe=qe;
function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var r=require("@emotion/core/package.json"),t=e(require("@styled-system/space")),n=require("@emotion/core"),a=require("@theme-ui/css"),i=require("@styled-system/should-forward-prop"),o=require("styled-system"),c=e(require("@emotion/styled")),s=require("react"),l=e(s),d=require("@kodiak-ui/core");function u(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}function p(e){for(var r=arguments,t=1;t<arguments.length;t++){var n=null!=r[t]?r[t]:{};t%2?f(Object(n),!0).forEach(function(r){u(e,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))})}return e}l.createContext({__EMOTION_VERSION__:r.version,theme:null});var v=l.createContext({}),h={inlineCode:"code",wrapper:function(e){return l.createElement(l.Fragment,{},e.children)}};s.forwardRef(function(e,r){var t=e.components,n=e.mdxType,a=e.originalType,i=e.parentName,o=function(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r.indexOf(t=i[n])>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["components","mdxType","originalType","parentName"]),c=function(e){var r=l.useContext(v),t=r;return e&&(t="function"==typeof e?e(r):p({},r,{},e)),t}(t),s=n,d=c["".concat(i,".").concat(s)]||c[s]||h[s]||a;return l.createElement(d,t?p({ref:r},o,{components:t}):p({ref:r},o))}).displayName="MDXCreateElement";var m={inlineCode:"code",thematicBreak:"hr",root:"div"},b=function(e){return function(r){return a.css(a.get(r.theme,"styles."+e))(r.theme)}},g=c("div")(b("div")),y={};["p","b","i","a","h1","h2","h3","h4","h5","h6","img","pre","code","ol","ul","li","blockquote","hr","em","table","tr","th","td","em","strong","del","inlineCode","thematicBreak","div","root"].forEach(function(e){var r;y[e]=c(m[r=e]||r)(b(e)),g[e]=y[e]});var x=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},w=function(e,r){if("number"!=typeof r||r>=0)return x(e,r,r);var t=Math.abs(r),n=x(e,t,t);return"string"==typeof n?"-"+n:-1*n},O=(["margin","marginTop","marginRight","marginBottom","marginLeft","marginX","marginY","top","bottom","left","right"].reduce(function(e,r){var t;return Object.assign({},e,((t={})[r]=w,t))},{}),Object.getOwnPropertySymbols),E=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable,_=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var r={},t=0;t<10;t++)r["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(r).map(function(e){return r[e]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(e){n[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(e){return!1}}()?Object.assign:function(e,r){for(var t,n,a=arguments,i=function(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),o=1;o<arguments.length;o++){for(var c in t=Object(a[o]))E.call(t,c)&&(i[c]=t[c]);if(O){n=O(t);for(var s=0;s<n.length;s++)j.call(t,n[s])&&(i[n[s]]=t[n[s]])}}return i},k=function(e,r){var t=_({},e,r);for(var n in e){var a;e[n]&&"object"==typeof r[n]&&_(t,((a={})[n]=_(e[n],r[n]),a))}return t},R={breakpoints:[40,52,64].map(function(e){return e+"em"})},z=function(e){return"@media screen and (min-width: "+e+")"},K=function(e,r){return S(r,e,e)},S=function(e,r,t,n,a){for(r=r&&r.split?r.split("."):[r],n=0;n<r.length;n++)e=e?e[r[n]]:a;return e===a?t:e},P=function(e,r,t,n,a){var i={};return n.slice(0,e.length).forEach(function(n,o){var c,s=e[o],l=r(n,t,a);_(i,s?((c={})[s]=_({},i[s],l),c):l)}),i},C=function(e,r,t,n,a){var i={};for(var o in n){var c=e[o],s=r(n[o],t,a);if(c){var l,d=z(c);_(i,((l={})[d]=_({},i[d],s),l))}else _(i,s)}return i},F=function(e){var r=e.properties,t=e.transform,n=void 0===t?K:t,a=e.defaultScale;r=r||[e.property];var i=function(e,t,a){var i={},o=n(e,t,a);if(null!==o)return r.forEach(function(e){i[e]=o}),i};return i.scale=e.scale,i.defaults=a,i},W={color:{property:"color",scale:"colors"},backgroundColor:{property:"backgroundColor",scale:"colors"},opacity:!0};W.bg=W.backgroundColor;var H=function(e){void 0===e&&(e={});var r={};return Object.keys(e).forEach(function(t){var n=e[t];r[t]=!0!==n?"function"!=typeof n?F(n):n:F({property:t,scale:t})}),function e(r){var t={},n=function(e){var n,a,i={},o=!1,c=e.theme&&e.theme.disableStyledSystemCache;for(var s in e)if(r[s]){var l=r[s],d=e[s],u=S(e.theme,l.scale,l.defaults);if("object"!=typeof d)_(i,l(d,u,e));else{if(t.breakpoints=!c&&t.breakpoints||S(e.theme,"breakpoints",R.breakpoints),Array.isArray(d)){t.media=!c&&t.media||[null].concat(t.breakpoints.map(z)),i=k(i,P(t.media,l,u,d,e));continue}null!==d&&(i=k(i,C(t.breakpoints,l,u,d,e)),o=!0)}}return o&&(n=i,a={},Object.keys(n).sort(function(e,r){return e.localeCompare(r,void 0,{numeric:!0,sensitivity:"base"})}).forEach(function(e){a[e]=n[e]}),i=a),i};n.config=r,n.propNames=Object.keys(r),n.cache=t;var a=Object.keys(r).filter(function(e){return"config"!==e});return a.length>1&&a.forEach(function(t){var a;n[t]=e(((a={})[t]=r[t],a))}),n}(r)}(W),M=i.createShouldForwardProp(t.propNames.concat(H.propNames)),N=c("div",{shouldForwardProp:M})({boxSizing:"border-box",margin:0,minWidth:0},function(e){return a.css(e.__css)(e.theme)},function(e){var r=e.theme,t=e.variant,n=e.__themeKey;return void 0===n&&(n="variants"),a.css(a.get(r,n+"."+t,a.get(r,t)))},t,H,function(e){return a.css(e.sx)(e.theme)},function(e){return e.css});c(N)({display:"flex"});var B=function(e){return Array.isArray(e)?e.map(B):!!e&&"repeat(auto-fit, minmax("+("number"==typeof(r=e)?r+"px":r)+", 1fr))";var r},I=function(e){return Array.isArray(e)?e.map(I):!!e&&("number"==typeof e?"repeat("+e+", 1fr)":e)},D=(l.forwardRef(function(e,r){var t=e.width,n=e.columns,a=e.gap;void 0===a&&(a=3);var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["width","columns","gap"]),o=t?B(t):I(n);return l.createElement(N,Object.assign({},{ref:r},i,{__themeKey:"grids",__css:{display:"grid",gridGap:a,gridTemplateColumns:o}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"button",variant:"primary"},e,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-block",textAlign:"center",lineHeight:"inherit",textDecoration:"none",fontSize:"inherit",px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"a",variant:"styles.a"},e,{__themeKey:"links"}))})),V=(l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r},e,{__themeKey:"text"}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"h2",variant:"heading"},e,{__themeKey:"text",__css:{fontFamily:"heading",fontWeight:"heading",lineHeight:"heading"}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"img"},e,{__themeKey:"images",__css:Object.assign({},{maxWidth:"100%",height:"auto"},e.__css)}))})),L=(l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,variant:"primary"},e,{__themeKey:"cards"}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"label",variant:"label"},e,{__themeKey:"forms",__css:{width:"100%",display:"flex"}}))})),T=l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"input",variant:"input"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))}),A=function(e){var r=e.size;void 0===r&&(r=24);var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(N,Object.assign({},{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r+"",height:r+"",viewBox:"0 0 24 24",fill:"currentcolor"},t))},q=function(e){return function(r){var t={};for(var n in r)e(n||"")&&(t[n]=r[n]);return t}},G=/^m[trblxy]?$/,X=q(function(e){return G.test(e)}),Z=q(function(e){return!G.test(e)}),Y=function(e){return l.createElement(A,e,l.createElement("path",{d:"M7 10l5 5 5-5z"}))};l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},X(e),{sx:{display:"flex"}}),l.createElement(N,Object.assign({},{ref:r,as:"select",variant:"select"},Z(e),{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}})),l.createElement(Y,{sx:{ml:-28,alignSelf:"center",pointerEvents:"none"}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"textarea",variant:"textarea"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:4,color:"inherit",bg:"transparent"}}))});var $=function(e){return l.createElement(A,e,l.createElement("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},J=function(e){return l.createElement(A,e,l.createElement("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}))},Q=function(e){return l.createElement(l.Fragment,null,l.createElement($,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(J,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))};l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="radio");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(N,null,l.createElement(N,Object.assign({},{ref:r,as:"input",type:"radio"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(N,{as:Q,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:9999,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{bg:"highlight"}}}))});var U=function(e){return l.createElement(A,e,l.createElement("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}))},ee=function(e){return l.createElement(A,e,l.createElement("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}))},re=function(e){return l.createElement(l.Fragment,null,l.createElement(U,Object.assign({},e,{__css:{display:"none","input:checked ~ &":{display:"block"}}})),l.createElement(ee,Object.assign({},e,{__css:{display:"block","input:checked ~ &":{display:"none"}}})))},te=(l.forwardRef(function(e,r){var t=e.className,n=e.sx,a=e.variant;void 0===a&&(a="checkbox");var i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["className","sx","variant"]);return l.createElement(N,null,l.createElement(N,Object.assign({},{ref:r,as:"input",type:"checkbox"},i,{sx:{position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"}})),l.createElement(N,{as:re,"aria-hidden":"true",__themeKey:"forms",variant:a,className:t,sx:n,__css:{mr:2,borderRadius:4,color:"gray","input:checked ~ &":{color:"primary"},"input:focus ~ &":{color:"primary",bg:"highlight"}}}))}),{appearance:"none",width:16,height:16,bg:"currentcolor",border:0,borderRadius:9999,variant:"forms.slider.thumb"});l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"input",type:"range",variant:"slider"},e,{__themeKey:"forms",__css:{display:"block",width:"100%",height:4,my:2,cursor:"pointer",appearance:"none",borderRadius:9999,color:"inherit",bg:"gray",":focus":{outline:"none",color:"primary"},"&::-webkit-slider-thumb":te,"&::-moz-range-thumb":te,"&::-ms-thumb":te}}))}),l.forwardRef(function(e,r){var t=e.as;void 0===t&&(t=T);var n=e.label,a=e.name,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["as","label","name"]);return l.createElement(N,X(i),l.createElement(L,{htmlFor:a},n),l.createElement(t,Object.assign({},{ref:r,id:a,name:a},Z(i))))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"progress",variant:"styles.progress"},e,{__css:{display:"block",width:"100%",height:"4px",margin:0,padding:0,overflow:"hidden",appearance:"none",color:"primary",bg:"gray",borderRadius:9999,border:"none","&::-webkit-progress-bar":{bg:"transparent"},"&::-webkit-progress-value":{bg:"currentcolor"},"&::-moz-progress-bar":{bg:"currentcolor"}}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=128);var n=e.strokeWidth;void 0===n&&(n=2);var a=e.value;void 0===a&&(a=0);var i=e.min;void 0===i&&(i=0);var o=e.max;void 0===o&&(o=1);var c=e.title,s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","value","min","max","title"]),d=16-n,u=2*d*Math.PI,f=u-(a-i)/(o-i)*u;return l.createElement(N,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img","aria-valuenow":a,"aria-valuemin":i,"aria-valuemax":o},s,{__css:{color:"primary"}}),c&&l.createElement("title",null,c),l.createElement("circle",{cx:16,cy:16,r:d,opacity:1/8}),l.createElement("circle",{cx:16,cy:16,r:d,strokeDasharray:u,strokeDashoffset:f,transform:"rotate(-90 16 16)"}))});var ne=n.keyframes({from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"}});l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=e.strokeWidth;void 0===n&&(n=4);var a=e.title;void 0===a&&(a="Loading...");var i=e.duration;void 0===i&&(i=500);var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size","strokeWidth","max","title","duration"]),c=16-n,s=2*c*Math.PI,d=s-.25*s;return l.createElement(N,Object.assign({},{ref:r,as:"svg",viewBox:"0 0 32 32",width:t,height:t,strokeWidth:n,fill:"none",stroke:"currentcolor",role:"img"},o,{__css:{color:"primary",overflow:"visible"}}),l.createElement("title",null,a),l.createElement("circle",{cx:16,cy:16,r:c,opacity:1/8}),l.createElement(N,{as:"circle",cx:16,cy:16,r:c,strokeDasharray:s,strokeDashoffset:d,__css:{transformOrigin:"50% 50%",animationName:ne.toString(),animationTimingFunction:"linear",animationDuration:i+"ms",animationIterationCount:"infinite"}}))}),l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=48);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(V,Object.assign({},{ref:r,width:t,height:t,variant:"avatar"},n,{__css:{borderRadius:9999}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r},e,{__themeKey:"badges",__css:{display:"inline-block",verticalAlign:"baseline",fontSize:0,fontWeight:"bold",whiteSpace:"nowrap",px:1,borderRadius:2,color:"white",bg:"primary"}}))});var ae=l.forwardRef(function(e,r){var t=e.size;void 0===t&&(t=32);var n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(N,Object.assign({},{ref:r,as:"button",variant:"icon"},n,{__themeKey:"buttons",__css:{appearance:"none",display:"inline-flex",alignItems:"center",justifyContent:"center",padding:1,width:t,height:t,color:"inherit",bg:"transparent",border:"none",borderRadius:4}}))}),ie=l.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"currentcolor",viewBox:"0 0 24 24"},l.createElement("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));l.forwardRef(function(e,r){var t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["size"]);return l.createElement(ae,Object.assign({},{ref:r,title:"Close","aria-label":"Close",variant:"close"},t,{children:ie}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r},e,{__themeKey:"alerts",__css:{display:"flex",alignItems:"center",px:3,py:2,fontWeight:"bold",color:"white",bg:"primary",borderRadius:4}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,as:"hr",variant:"styles.hr"},e,{__css:{color:"gray",m:0,my:2,border:0,borderBottom:"1px solid"}}))}),l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=16/9);var n=e.src,a=e.frameBorder;void 0===a&&(a=0);var i=e.allowFullScreen;void 0===i&&(i=!0);var o=e.width;void 0===o&&(o=560);var c=e.height;void 0===c&&(c=315);var s=e.allow,d=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","src","frameBorder","allowFullScreen","width","height","allow"]);return l.createElement(N,Object.assign({},d,{__css:{width:"100%",height:0,paddingBottom:100/t+"%",position:"relative",overflow:"hidden"}}),l.createElement(N,{ref:r,as:"iframe",src:n,width:o,height:c,frameBorder:a,allowFullScreen:i,allow:s,__css:{position:"absolute",width:"100%",height:"100%",top:0,bottom:0,left:0,border:0}}))});var oe=l.forwardRef(function(e,r){var t=e.ratio;void 0===t&&(t=4/3);var n=e.children,a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio","children"]);return l.createElement(N,{ref:r,sx:{position:"relative",overflow:"hidden"}},l.createElement(N,{sx:{width:"100%",height:0,paddingBottom:100/t+"%"}}),l.createElement(N,Object.assign({},a,{__css:{position:"absolute",top:0,right:0,bottom:0,left:0}}),n))});l.forwardRef(function(e,r){var t=e.ratio,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["ratio"]);return l.createElement(oe,{ratio:t},l.createElement(V,Object.assign({},{ref:r},n,{__css:{objectFit:"cover"}})))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r,variant:"container"},e,{__themeKey:"layout",__css:{width:"100%",maxWidth:"container",mx:"auto"}}))}),l.forwardRef(function(e,r){return l.createElement(D,Object.assign({},{ref:r,variant:"nav"},e,{__css:{color:"inherit",textDecoration:"none",fontWeight:"bold",display:"inline-block","&:hover, &:focus, &.active":{color:"primary"}}}))}),l.forwardRef(function(e,r){return l.createElement(N,Object.assign({},{ref:r},e,{__themeKey:"messages",__css:{padding:3,paddingLeft:function(e){return e.space[3]-e.space[1]},borderLeftWidth:function(e){return e.space[1]},borderLeftStyle:"solid",borderLeftColor:"primary",borderRadius:4,bg:"highlight"}}))});var ce=function(e){var r=e.size;return void 0===r&&(r=24),l.createElement(N,{as:"svg",xmlns:"http://www.w3.org/2000/svg",width:r,height:r,fill:"currentcolor",viewBox:"0 0 24 24",sx:{display:"block",margin:0}},l.createElement("path",{d:"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"}))},se=(l.forwardRef(function(e,r){return l.createElement(ae,Object.assign({},{ref:r,title:"Menu","aria-label":"Toggle Menu",variant:"menu"},e),l.createElement(ce,null))}),i.createShouldForwardProp(o.space.propNames.concat(o.color.propNames,o.typography.propNames,o.layout.propNames,o.flexbox.propNames,o.grid.propNames,o.background.propNames,o.border.propNames,o.position.propNames,o.shadow.propNames))),le=[o.space,o.color,o.typography,o.layout,o.flexbox,o.grid,o.background,o.border,o.position,o.shadow];function de(e){return a.css(e.sx)(e.theme)}function ue(e){return a.css(e.__base)(e.theme)}function fe(e){var r=e.variant,t=e.theme,n=e.variantKey;return a.css(o.get(t,n?n+"."+r:r,o.get(t,n)))(t)}var pe=c("div",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,fe].concat(le,[de]));function ve(e){var r=e.theme;return d.css({px:3,py:2,color:"white",bg:"primary",border:0,borderRadius:"default","&:hover":{bg:"secondary"}})(r)}var he=function(e){var r=e.variantKey;return void 0===r&&(r="buttons"),d.variant({variant:e.variant,theme:e.theme,variantKey:r})},me=d.styled("button",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,ue,he].concat(d.systemProps,[d.sx])),be=c("a",{shouldForwardProp:d.shouldForwardProp}).apply(void 0,[{appearance:"none",cursor:"pointer",display:"inline-block",fontSize:"inherit",lineHeight:"inherit",textAlign:"center",textDecoration:"none",transition:"all 0.2s ease-in-out"},ve,he].concat(d.systemProps,[d.sx])),ge=c("svg",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({fill:"currentColor",color:"black",display:"block"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="svg"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),ye=function(e){var r=e.title,t=e.desc,n=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["title","desc"]);return l.createElement(ge,Object.assign({},n),l.createElement("title",null,r),l.createElement("desc",null,t),n.children)},xe=c("input",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variantKey;return void 0===r&&(r="inputs"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de]));function we(e){return s.createElement(ye,Object.assign({title:"Checkbox input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#fff"}),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}))}function Oe(e){return s.createElement(ye,Object.assign({title:"Checkbox input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M0 3a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H3a3 3 0 01-3-3V3z",fill:"#0076D1"}),s.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13 1H3a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2V3a2 2 0 00-2-2zM3 0a3 3 0 00-3 3v10a3 3 0 003 3h10a3 3 0 003-3V3a3 3 0 00-3-3H3z",fill:"currentColor"}),s.createElement("path",{d:"M12.937 5.062L11.7 3.815a.222.222 0 00-.313 0L6.165 9.068a.221.221 0 01-.314 0L4.615 7.822a.221.221 0 00-.314 0L3.065 9.068a.223.223 0 000 .315l2.786 2.802a.222.222 0 00.314 0l6.772-6.812a.223.223 0 000-.311z",fill:"#fff"}))}function Ee(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(Oe,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(we,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var je=s.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="checkbox");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return s.createElement(pe,null,s.createElement(xe,Object.assign({ref:r,type:"checkbox",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(Ee,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),_e=c("label",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"inline-block",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="labels"),fe({variant:e.variant,variantKey:r,theme:e.theme})}].concat(le,[de])),ke=c("p",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.variantKey;return void 0===r&&(r="text"),fe({variant:e.variant,theme:e.theme,variantKey:r})}].concat(le,[de])),Re=s.forwardRef(function(e,r){var t=e.name,n=e.defaultValue,a=e.children;return s.createElement(pe,{mb:4},s.createElement(_e,{htmlFor:t,mb:2},e.label),s.createElement(xe,{ref:r,id:t,name:t,defaultValue:n}),a)}),ze=c(pe)({display:"flex"}),Ke=c(pe)({display:"grid"}),Se=c("a").apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},ue,function(e){var r=e.variant;void 0===r&&(r="a");var t=e.variantKey;return void 0===t&&(t="links"),d.variant({variant:r,variantKey:t,theme:e.theme})}].concat(d.systemProps,[d.sx])),Pe=s.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menu");var a=e.variant,i=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant"]);return s.createElement(pe,{as:"nav"},s.createElement(pe,Object.assign({__base:{listStyle:"none",margin:0,padding:0},ref:r,as:"ul",variantKey:n,variant:a},i),t))}),Ce=s.forwardRef(function(e,r){var t=e.children,n=e.variantKey;void 0===n&&(n="menuitem");var a=e.variant,i=e.as;void 0===i&&(i="li");var o=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children","variantKey","variant","as"]);return s.createElement(pe,Object.assign({variantKey:n,variant:a},o,{as:i,ref:r}),t)});function Fe(e){return s.createElement(ye,Object.assign({title:"Radio input unchecked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8zm0 14.4A6.398 6.398 0 011.6 8c0-3.536 2.864-6.4 6.4-6.4 3.536 0 6.4 2.864 6.4 6.4 0 3.536-2.864 6.4-6.4 6.4z"}))}function We(e){return s.createElement(ye,Object.assign({title:"Radio input checked",height:16,width:16,viewBox:"0 0 16 16"},e),s.createElement("path",{d:"M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 11C6.5 11 5 9.75484 5 8C5 6.24516 6.5 5 8 5C9.5 5 11 6.19903 11 8C11 9.80097 9.5 11 8 11Z"}))}function He(e){var r=e.sx,t=e.variant,n=e.variantKey;return s.createElement(s.Fragment,null,s.createElement(We,{sx:Object.assign({},r,{display:"none","input:checked ~ &":{display:"block",color:"primary"}}),variant:t,variantKey:n}),s.createElement(Fe,{sx:Object.assign({},r,{color:"defaultGray",display:"block","input:checked ~ &":{display:"none"}}),variant:t,variantKey:n}))}var Me=s.forwardRef(function(e,r){var t=e.variant;void 0===t&&(t="radio");var n=e.variantKey;void 0===n&&(n="forms");var a=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["variant","variantKey"]);return s.createElement(pe,null,s.createElement(xe,Object.assign({ref:r,type:"radio",position:"absolute",opacity:0,zIndex:-1,width:1,height:1,overflow:"hidden"},a)),s.createElement(He,Object.assign({"aria-hidden":"true",sx:{"input:focus ~ &":{outline:"1px auto",outlineOffset:"1px",outlineColor:"primary"}},variant:t,variantKey:n},a)))}),Ne=c("select",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){var r=e.variant;void 0===r&&(r="select");var t=e.variantKey;return void 0===t&&(t="forms"),fe({variant:r,theme:e.theme,variantKey:t})}].concat(le,[de])),Be=s.forwardRef(function(e,r){return s.createElement(ze,null,s.createElement(Ne,Object.assign({ref:r},e)),s.createElement(ye,{viewBox:"0 0 16 16",height:"16px",width:"16px",alignSelf:"center",ml:"-28px",color:"text"},s.createElement("path",{d:"M11.912 5.754a.62.62 0 0 0-.25-.186.883.883 0 0 0-.344-.068H4.682c-.12 0-.24.024-.344.068a.62.62 0 0 0-.25.186.398.398 0 0 0-.088.252.405.405 0 0 0 .098.25l3.318 4.004c.061.073.147.134.249.176A.886.886 0 0 0 8 10.5a.886.886 0 0 0 .335-.064.633.633 0 0 0 .249-.176l3.318-4.004a.405.405 0 0 0 .098-.25.398.398 0 0 0-.088-.252z"})))});function Ie(e){var r=e.variant,t=e.variantKey;return s.createElement(pe,{variant:r,variantKey:t,__base:{opacity:e.disabled?.5:1,transition:"background-color 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)",width:28,height:16,borderRadius:"full",borderStyle:"solid",borderWidth:1,display:"inline-flex","input:focus ~ &":{outlineWidth:1,outlineOffset:2,outlineStyle:"solid",outlineColor:"primary"},"input:checked ~ &":{backgroundColor:"primary",borderColor:"primary"},"input:not(:checked) ~ &":{backgroundColor:"muted",borderColor:"muted"}},sx:e.sx,alignItems:"center"},s.createElement(pe,{variantKey:t,variant:r+"."+e.indicatorVariant,__base:{borderRadius:"full",width:12,height:12,ml:"1px",backgroundColor:"background",transform:"translateX("+(e.checked?"calc(100% - 1px)":"0")+")",transition:"transform 0.1s cubic-bezier(0.4, 1, 0.75, 0.9)"}}))}var De=s.forwardRef(function(e,r){var t=e.checked,n=e.onChange,a=e.disabled,i=e.sx,o=e.variantKey;void 0===o&&(o="forms");var c=e.variant;void 0===c&&(c="switch");var l=e.indicatorVariant;void 0===l&&(l="indicator");var d=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["checked","onChange","disabled","sx","variantKey","variant","indicatorVariant"]);return s.createElement(pe,Object.assign({display:"inline-flex",position:"relative",sx:{cursor:a?"not-allowed":"pointer"}},d),s.createElement(xe,Object.assign({ref:r,opacity:0,type:"checkbox",position:"absolute",left:0,top:0,height:1,width:1,checked:t,onChange:function(e){return!a&&(null==n?void 0:n(e))},disabled:a},d)),s.createElement(Ie,{checked:t,variant:c,variantKey:o,sx:i,disabled:a,indicatorVariant:l}))}),Ve=c("textarea",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return a.css({display:"block",width:"100%",p:2,appearance:"none",fontSize:"inherit",lineHeight:"inherit",border:"1px solid",borderRadius:"default",color:"inherit",bg:"transparent"})(r)},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"textarea"})}].concat(le,[de])),Le=c("span")({border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px",whiteSpace:"nowrap",wordWrap:"normal"}),Te=s.forwardRef(function(e,r){return s.createElement(Le,Object.assign({ref:r},e))}),Ae=c("iframe",{shouldForwardProp:se}).apply(void 0,[{boxSizing:"border-box",display:"block",margin:0,minWidth:0},function(e){return fe({variant:e.variant,theme:e.theme,variantKey:"iframes"})}].concat(le,[de])),qe=d.styled("div")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({alignItems:"center",bg:"muted",borderRadius:"default",color:"text",display:"inline-flex",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="default");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);function Ge(e){return s.createElement(qe,Object.assign({},e))}var Xe=d.styled("span")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({border:"none",color:"text",fontSize:1,lineHeight:1.2,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagLabel");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx),Ze=d.styled("button")({boxSizing:"border-box",margin:0,minWidth:0},function(e){var r=e.theme;return d.css({appearance:"none",border:"none",borderRadius:"default",bg:"muted",color:"text",fontSize:1,lineHeight:1,py:1,px:2})(r)},function(e){var r=e.variant;void 0===r&&(r="tagDismiss");var t=e.variantKey;return void 0===t&&(t="tags"),d.variant({variant:r,theme:e.theme,variantKey:t})},d.sx);exports.Box=pe,exports.sx=de,exports.variant=fe,exports.Button=me,exports.AnchorButton=be,exports.Checkbox=je,exports.Field=Re,exports.FieldError=function(e){var r=e.children,t=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&-1===r.indexOf(n)&&(t[n]=e[n]);return t}(e,["children"]);return s.createElement(ke,Object.assign({as:"span",color:"danger",role:"alert"},t),r)},exports.Flex=ze,exports.Grid=Ke,exports.Input=xe,exports.Label=_e,exports.Link=Se,exports.Menu=Pe,exports.MenuItem=Ce,exports.Radio=Me,exports.Select=Be,exports.Svg=ge,exports.SvgIcon=ye,exports.Switch=De,exports.Text=ke,exports.Textarea=Ve,exports.VisuallyHidden=Te,exports.Iframe=Ae,exports.Tag=Ge,exports.TagLabel=Xe,exports.TagDismiss=function(e){var r=e.icon,t=e.onDismiss;return s.createElement(Ge,{sx:{p:0}},s.createElement(Xe,{sx:{borderRight:"1px solid",borderColor:"muted"}},e.children),s.createElement(Ze,{onClick:t},r))};
//# sourceMappingURL=index.js.map

1

dist/Label/Label.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { VariantProps, SystemProps } from '../Box/Box';

@@ -4,0 +5,0 @@ declare type LabelProps = React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> & VariantProps & SystemProps;

1

dist/Link/Link.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { VariantProps, SystemProps } from '@kodiak-ui/core';

@@ -4,0 +5,0 @@ import { BaseProps } from '../Box';

2

dist/Menu/Menu.d.ts

@@ -9,3 +9,3 @@ import * as React from 'react';

} & React.ComponentProps<typeof Box>;
export declare const Menu: React.ForwardRefExoticComponent<Pick<MenuProps, "p" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "textShadow" | "theme" | "dismissLabel" | "onDismiss"> & React.RefAttributes<HTMLUListElement>>;
export declare const Menu: React.ForwardRefExoticComponent<Pick<MenuProps, "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow" | "theme" | "dismissLabel" | "onDismiss"> & React.RefAttributes<HTMLUListElement>>;
export {};

2

dist/Menu/MenuItem.d.ts

@@ -6,3 +6,3 @@ import * as React from 'react';

} & React.ComponentProps<typeof Box>;
export declare const MenuItem: React.ForwardRefExoticComponent<Pick<MenuItemProps, "p" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "top" | "right" | "bottom" | "left" | "boxShadow" | "textShadow" | "theme"> & React.RefAttributes<HTMLLIElement>>;
export declare const MenuItem: React.ForwardRefExoticComponent<Pick<MenuItemProps, "p" | "slot" | "style" | "title" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "as" | "__base" | "variant" | "variantKey" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "bg" | "backgroundColor" | "opacity" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "bottom" | "top" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "left" | "right" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "position" | "zIndex" | "boxShadow" | "textShadow" | "theme"> & React.RefAttributes<HTMLLIElement>>;
export {};

2

dist/Radio/Radio.d.ts

@@ -5,2 +5,2 @@ import * as React from 'react';

sx?: object | undefined;
} & VariantProps & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
} & VariantProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<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").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;

2

dist/Select/Select.d.ts

@@ -22,3 +22,3 @@ import * as React from 'react';

children: React.ReactNodeArray;
} & VariantProps & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
} & VariantProps & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<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").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & React.SelectHTMLAttributes<HTMLSelectElement> & React.RefAttributes<HTMLSelectElement>>;
export {};

2

dist/Switch/Switch.d.ts

@@ -6,2 +6,2 @@ import * as React from 'react';

indicatorVariant?: string | undefined;
} & React.InputHTMLAttributes<HTMLInputElement> & import("styled-system").SpaceProps<import("styled-system").TLengthStyledSystem> & import("styled-system").ColorProps & import("styled-system").TypographyProps & import("styled-system").LayoutProps & import("styled-system").FlexboxProps & import("styled-system").GridProps & import("styled-system").BackgroundProps<import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps & import("styled-system").ShadowProps & VariantProps & SxProps & React.RefAttributes<HTMLInputElement>>;
} & React.InputHTMLAttributes<HTMLInputElement> & import("styled-system").SpaceProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").LayoutProps<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").GridProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").BackgroundProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").BorderProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, import("styled-system").TLengthStyledSystem> & import("styled-system").PositionProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ShadowProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & VariantProps & SxProps & React.RefAttributes<HTMLInputElement>>;

1

dist/Text/Text.d.ts
/// <reference types="react" />
/// <reference types="@emotion/core" />
/// <reference types="theme-ui" />
import { VariantProps, SystemProps } from '../Box';

@@ -4,0 +5,0 @@ declare type TextProps = {

6

package.json
{
"name": "@kodiak-ui/primitives",
"version": "0.10.6",
"version": "0.11.0",
"description": "Kodiak's primitive components for building applications and complex components",

@@ -27,3 +27,3 @@ "main": "dist/index.js",

"@emotion/styled": "^10.0.27",
"@kodiak-ui/core": "^0.1.10",
"@kodiak-ui/core": "^0.1.14",
"@styled-system/should-forward-prop": "^5.1.4",

@@ -40,3 +40,3 @@ "@styled-system/space": "^5.1.2",

},
"gitHead": "dd9ec58c989fb87b461dc81b412f2c0cb4ee2205"
"gitHead": "dd8743630a6e43e67ec1cd6911e06e58eba8ee6e"
}
dist/index.es.js.map

Sorry, the diff of this file is not supported yet

dist/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc