@sanity/ui 1.0.0-beta.9 → 1.0.0

package/dist/es/atoms/avatar/avatar.js

@@ -1,182 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { useId } from '@reach/auto-id';
-import React, { forwardRef, useCallback, useEffect, useState } from 'react';
-import ReactIs from 'react-is';
-import styled, { css } from 'styled-components';
-import { rem } from '../../styles';
-import { useTheme } from '../../theme';
-import { useCard } from '../card';
-import { Text } from '../text';
-import { avatarTheme } from './theme';
-const Root = styled.div `
-  background-color: ${({ uiColor }) => uiColor};
-  position: relative;
-  box-sizing: border-box;
-  user-select: none;
-  width: ${({ size }) => rem(avatarTheme.size[size])};
-  height: ${({ size }) => rem(avatarTheme.size[size])};
-  border-radius: ${({ size }) => rem(avatarTheme.size[size] / 2)};
-  box-shadow: 0 0 0 1px var(--card-bg-color);
-
-  &[data-status='inactive'] {
-    opacity: 0.5;
-  }
-
-  & > svg {
-    width: ${({ size }) => rem(avatarTheme.size[size])};
-    height: ${({ size }) => rem(avatarTheme.size[size])};
-    border-radius: ${({ size }) => rem(avatarTheme.size[size] / 2)};
-
-    &:not([hidden]) {
-      display: block;
-    }
-  }
-
-  &:is(button) {
-    appearance: none;
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font: inherit;
-    -webkit-font-smoothing: inherit;
-    color: inherit;
-    outline: none;
-
-    &:focus {
-      box-shadow: 0 0 0 1px var(--card-bg-color), 0 0 0 3px var(--card-focus-ring-color);
-    }
-
-    &:focus:not(:focus-visible) {
-      box-shadow: none;
-    }
-  }
-`;
-const Arrow = styled.div `
-  position: absolute;
-  box-sizing: border-box;
-  z-index: 0;
-  opacity: 0;
-  transition: all 0.2s linear;
-  transform: rotate(-90deg) translate3d(0, 6px, 0);
-
-  & > svg {
-    width: 11px;
-    height: 7px;
-    position: absolute;
-    top: -5px;
-    left: 50%;
-    transform: translateX(-50%);
-
-    &:not([hidden]) {
-      display: block;
-    }
-  }
-
-  [data-arrow-position='inside'] > & {
-    transform: rotate(-90deg) translate3d(0, 6px, 0);
-    opacity: 0;
-  }
-
-  [data-arrow-position='top'] > & {
-    opacity: 1;
-    transform: rotate(0deg);
-  }
-
-  [data-arrow-position='bottom'] > & {
-    opacity: 1;
-    transform: rotate(-180deg);
-  }
-`;
-const BgStroke = styled.ellipse `
-  stroke-width: 4px;
-  vector-effect: non-scaling-stroke;
-  stroke: var(--card-bg-color);
-`;
-const Stroke = styled.ellipse `
-  stroke-width: 3px;
-  vector-effect: non-scaling-stroke;
-
-  ${Root}[data-status='editing'] & {
-    stroke-dasharray: 2 4;
-    stroke-linecap: round;
-    animation: avatarEditingSpin 250ms infinite linear;
-  }
-`;
-const Initials = styled.div((props) => {
-    const { scheme, theme } = props;
-    const tone = theme.color[scheme].card.tones.default;
-    return css `
-      width: 100%;
-      height: 100%;
-      color: ${tone.enabled.fg};
-      align-items: center;
-      justify-content: center;
-      text-transform: uppercase;
-      text-align: center;
-      border-radius: 50%;
-
-      &:not([hidden]) {
-        display: flex;
-      }
-    `;
-});
-export const Avatar = forwardRef((props, ref) => {
-    const { as: asProp, color: colorKey = 'gray', src, title, initials, onImageLoadError, arrowPosition: arrowPositionProp, animateArrowFrom, status = 'online', size = 0 } = props, restProps = __rest(props, ["as", "color", "src", "title", "initials", "onImageLoadError", "arrowPosition", "animateArrowFrom", "status", "size"]);
-    const as = ReactIs.isValidElementType(asProp) ? asProp : 'div';
-    const theme = useTheme();
-    const card = useCard();
-    const color = theme.color[card.scheme].avatar[colorKey];
-    const _sizeRem = avatarTheme.size[size];
-    const _radius = avatarTheme.size[size] / 2;
-    const elementId = useId();
-    const [arrowPosition, setArrowPosition] = useState(animateArrowFrom || arrowPositionProp || 'inside');
-    const [imageFailed, setImageFailed] = useState(false);
-    useEffect(() => {
-        if (arrowPosition === arrowPositionProp)
-            return undefined;
-        // Start animation in the next frame
-        const raf = requestAnimationFrame(() => setArrowPosition(arrowPositionProp));
-        return () => cancelAnimationFrame(raf);
-    }, [arrowPosition, arrowPositionProp]);
-    useEffect(() => {
-        if (src)
-            setImageFailed(false);
-    }, [src]);
-    const handleImageError = useCallback(() => {
-        setImageFailed(true);
-        if (onImageLoadError) {
-            onImageLoadError(new Error('Avatar: the image failed to load'));
-        }
-    }, [onImageLoadError]);
-    return (React.createElement(Root, Object.assign({ as: as, "data-ui": "Avatar" }, restProps, { "aria-label": title, "data-arrow-position": arrowPosition, "data-status": status, ref: ref, size: size, title: title, uiColor: color }),
-        React.createElement(Arrow, null,
-            React.createElement("svg", { width: "11", height: "7", viewBox: "0 0 11 7", fill: "none" },
-                React.createElement("path", { d: "M6.67948 1.50115L11 7L0 7L4.32052 1.50115C4.92109 0.736796 6.07891 0.736795 6.67948 1.50115Z", fill: color }))),
-        !imageFailed && src && (React.createElement("svg", { viewBox: `0 0 ${_sizeRem} ${_sizeRem}`, fill: "none" },
-            React.createElement("defs", null,
-                React.createElement("pattern", { id: `${elementId}-image-url`, patternContentUnits: "objectBoundingBox", width: "1", height: "1" },
-                    React.createElement("image", { href: src, width: "1", height: "1", onError: handleImageError }))),
-            React.createElement("circle", { cx: _radius, cy: _radius, r: _radius, fill: `url(#${elementId}-image-url)` }),
-            React.createElement(BgStroke, { cx: _radius, cy: _radius, rx: _radius, ry: _radius }),
-            React.createElement(Stroke, { cx: _radius, cy: _radius, rx: _radius, ry: _radius, stroke: color }))),
-        (imageFailed || !src) && initials && (React.createElement(React.Fragment, null,
-            React.createElement(Initials, { scheme: card.scheme },
-                size === 0 && (React.createElement(Text, { as: "span", size: 0 },
-                    React.createElement("strong", null, initials))),
-                size === 1 && (React.createElement(Text, { as: "span", size: 2 },
-                    React.createElement("strong", null, initials))),
-                size === 2 && (React.createElement(Text, { as: "span", size: 3 },
-                    React.createElement("strong", null, initials))))))));
-});
-Avatar.displayName = 'Avatar';
-//# sourceMappingURL=avatar.js.map

package/dist/es/atoms/avatar/avatar.js.map

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

package/dist/es/atoms/avatar/avatarCounter.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { AvatarSize } from './types';
-interface AvatarCounterProps {
-    count: number;
-    size?: AvatarSize;
-    tone?: 'navbar';
-}
-export declare function AvatarCounter({ count, size, tone }: AvatarCounterProps): JSX.Element;
-export {};

package/dist/es/atoms/avatar/avatarCounter.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { rem } from '../../styles';
-import { Text } from '../text';
-import { avatarTheme } from './theme';
-const Root = styled.div(({ size, theme }) => {
-    return css `
-    align-items: center;
-    justify-content: center;
-    border-radius: ${rem(avatarTheme.size[size] / 2)};
-    box-sizing: border-box;
-    user-select: none;
-    color: inherit;
-    color: var(--card-fg-color);
-    background: var(--card-bg-color);
-    min-width: ${rem(avatarTheme.size[size])};
-    height: ${rem(avatarTheme.size[size])};
-    box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1.5px var(--card-hairline-hard-color);
-    padding: 0 ${rem(theme.space[2])};
-
-    &:not([hidden]) {
-      display: flex;
-    }
-  `;
-});
-export function AvatarCounter({ count, size = 0, tone }) {
-    return (React.createElement(Root, { size: size, "data-tone": tone },
-        React.createElement(Text, { as: "span", size: size },
-            React.createElement("strong", null, count))));
-}
-//# sourceMappingURL=avatarCounter.js.map

package/dist/es/atoms/avatar/avatarCounter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarCounter.js","sourceRoot":"","sources":["../../../../src/atoms/avatar/avatarCounter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAEhC,OAAO,EAAC,IAAI,EAAC,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAGnC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAiB,CAAC,EAAC,IAAI,EAAE,KAAK,EAA+B,EAAE,EAAE;IACtF,OAAO,GAAG,CAAA;;;qBAGS,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;;;;;;iBAMnC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;cAC9B,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;iBAExB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;;;;;GAKjC,CAAA;AACH,CAAC,CAAC,CAAA;AAQF,MAAM,UAAU,aAAa,CAAC,EAAC,KAAK,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,EAAqB;IACvE,OAAO,CACL,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,eAAa,IAAI;QAC/B,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI;YACxB,oCAAS,KAAK,CAAU,CACnB,CACF,CACR,CAAA;AACH,CAAC"}

package/dist/es/atoms/avatar/avatarStack.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { AvatarSize } from './types';
-interface AvatarStackProps {
-    children: React.ReactNode;
-    maxLength?: number;
-    size?: AvatarSize;
-    tone?: 'navbar';
-}
-export declare function AvatarStack(props: AvatarStackProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>): JSX.Element;
-export {};

package/dist/es/atoms/avatar/avatarStack.js

@@ -1,49 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { cloneElement } from 'react';
-import styled from 'styled-components';
-import { rem } from '../../styles';
-import { childrenToElementArray } from '../helpers';
-import { AvatarCounter } from './avatarCounter';
-import { avatarTheme } from './theme';
-const Root = styled.div `
-  white-space: nowrap;
-
-  & > div {
-    vertical-align: top;
-
-    &:not([hidden]) {
-      display: inline-block;
-    }
-  }
-
-  & > div + div {
-    margin-left: ${({ size }) => rem(avatarTheme.distance[size])};
-  }
-`;
-export function AvatarStack(props) {
-    const { children: childrenProp, maxLength: maxLengthProp = 4, size = 0, tone } = props, restProps = __rest(props, ["children", "maxLength", "size", "tone"]);
-    const maxLength = Math.max(maxLengthProp, 0);
-    const children = childrenToElementArray(childrenProp).filter((child) => typeof child !== 'string');
-    const len = children.length;
-    const visibleCount = maxLength - 1;
-    const extraCount = len - visibleCount;
-    const visibleChildren = extraCount > 1 ? children.slice(extraCount, len) : children;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Root, Object.assign({ "data-ui": "AvatarStack" }, restProps, { size: size }),
-            len === 0 && (React.createElement("div", null,
-                React.createElement(AvatarCounter, { count: len, tone: tone }))),
-            len !== 0 && extraCount > 1 && (React.createElement("div", null,
-                React.createElement(AvatarCounter, { count: extraCount, size: size, tone: tone }))),
-            visibleChildren.map((child, childIndex) => (React.createElement("div", { key: String(childIndex) }, cloneElement(child, { size, tone })))))));
-}
-//# sourceMappingURL=avatarStack.js.map

package/dist/es/atoms/avatar/avatarStack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarStack.js","sourceRoot":"","sources":["../../../../src/atoms/avatar/avatarStack.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAC,GAAG,EAAC,MAAM,cAAc,CAAA;AAChC,OAAO,EAAC,sBAAsB,EAAC,MAAM,YAAY,CAAA;AACjD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAA;AAGnC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;;;;mBAYvB,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;;CAE7D,CAAA;AASD,MAAM,UAAU,WAAW,CACzB,KAA6E;IAE7E,MAAM,EAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,IAAI,KAAkB,KAAK,EAAlB,SAAS,UAAI,KAAK,EAA5F,yCAAoF,CAAQ,CAAA;IAClG,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,sBAAsB,CAAC,YAAY,CAAC,CAAC,MAAM,CAC1D,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,QAAQ,CACb,CAAA;IACzB,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAA;IAC3B,MAAM,YAAY,GAAG,SAAS,GAAG,CAAC,CAAA;IAClC,MAAM,UAAU,GAAG,GAAG,GAAG,YAAY,CAAA;IACrC,MAAM,eAAe,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEnF,OAAO,CACL;QACE,oBAAC,IAAI,6BAAS,aAAa,IAAK,SAAS,IAAE,IAAI,EAAE,IAAI;YAClD,GAAG,KAAK,CAAC,IAAI,CACZ;gBACE,oBAAC,aAAa,IAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CACrC,CACP;YAEA,GAAG,KAAK,CAAC,IAAI,UAAU,GAAG,CAAC,IAAI,CAC9B;gBACE,oBAAC,aAAa,IAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAI,CACxD,CACP;YAEA,eAAe,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CAC1C,6BAAK,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,IAAG,YAAY,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAO,CACxE,CAAC,CACG,CACN,CACJ,CAAA;AACH,CAAC"}

package/dist/es/atoms/avatar/index.d.ts

@@ -1,4 +0,0 @@
-export * from './avatar';
-export * from './avatarCounter';
-export * from './avatarStack';
-export * from './types';

package/dist/es/atoms/avatar/index.js

@@ -1,5 +0,0 @@
-export * from './avatar';
-export * from './avatarCounter';
-export * from './avatarStack';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/atoms/avatar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/atoms/avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA"}

package/dist/es/atoms/avatar/theme.d.ts

@@ -1,4 +0,0 @@
-export declare const avatarTheme: {
-    distance: number[];
-    size: number[];
-};

package/dist/es/atoms/avatar/theme.js

@@ -1,5 +0,0 @@
-export const avatarTheme = {
-    distance: [-4, -8, -12],
-    size: [23, 35, 55],
-};
-//# sourceMappingURL=theme.js.map

package/dist/es/atoms/avatar/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sourceRoot":"","sources":["../../../../src/atoms/avatar/theme.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IACvB,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;CACnB,CAAA"}

package/dist/es/atoms/avatar/types.d.ts

@@ -1,3 +0,0 @@
-export declare type AvatarPosition = 'top' | 'bottom' | 'inside';
-export declare type AvatarSize = 0 | 1 | 2;
-export declare type AvatarStatus = 'online' | 'editing' | 'inactive';

package/dist/es/atoms/avatar/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/es/atoms/avatar/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/atoms/avatar/types.ts"],"names":[],"mappings":""}

package/dist/es/atoms/badge/badge.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ResponsivePaddingStyleProps, ResponsiveRadiusProps } from '../../styles';
-import { BadgeMode, BadgeTone } from './types';
-export interface BadgeProps extends ResponsivePaddingStyleProps, ResponsiveRadiusProps {
-    as?: React.ElementType | keyof JSX.IntrinsicElements;
-    mode?: BadgeMode;
-    size?: number | number[];
-    tone?: BadgeTone;
-}
-export declare const Badge: React.ForwardRefExoticComponent<Pick<BadgeProps & React.HTMLProps<HTMLDivElement>, "color" | "media" | "radius" | "content" | "hidden" | "height" | "wrap" | "label" | "size" | "sizes" | "min" | "max" | "rows" | "padding" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "default" | "children" | "tone" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "value" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "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" | "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" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "paddingX" | "paddingY" | "mode"> & React.RefAttributes<unknown>>;

package/dist/es/atoms/badge/badge.js

@@ -1,26 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { responsivePaddingStyle, responsiveRadiusStyle, } from '../../styles';
-import { useCard } from '../card';
-import { Label } from '../label';
-import { badge } from './styles';
-const Root = styled.div(responsivePaddingStyle, responsiveRadiusStyle, badge);
-export const Badge = forwardRef((props, ref) => {
-    const { children, mode = 'default', padding = 2, radius = 6, size, tone = 'default' } = props, restProps = __rest(props, ["children", "mode", "padding", "radius", "size", "tone"]);
-    const card = useCard();
-    return (React.createElement(Root, Object.assign({ "data-ui": "Badge" }, restProps, { mode: mode, padding: padding, ref: ref, scheme: card.scheme, tone: tone, radius: radius }),
-        React.createElement(Label, { size: size }, children)));
-});
-Badge.displayName = 'Badge';
-//# sourceMappingURL=badge.js.map

package/dist/es/atoms/badge/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/atoms/badge/badge.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,sBAAsB,EAEtB,qBAAqB,GAEtB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAC,OAAO,EAAC,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAA;AAU9B,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAKpB,sBAAsB,EAAE,qBAAqB,EAAE,KAAK,CAAC,CAAA;AAExD,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,KAAmD,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EACJ,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,CAAC,EACX,MAAM,GAAG,CAAC,EACV,IAAI,EACJ,IAAI,GAAG,SAAS,KAEd,KAAK,EADJ,SAAS,UACV,KAAK,EARH,yDAQL,CAAQ,CAAA;IAET,MAAM,IAAI,GAAG,OAAO,EAAE,CAAA;IAEtB,OAAO,CACL,oBAAC,IAAI,6BACK,OAAO,IACX,SAAS,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM;QAEd,oBAAC,KAAK,IAAC,IAAI,EAAE,IAAI,IAAG,QAAQ,CAAS,CAChC,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}

package/dist/es/atoms/badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './badge';
-export * from './types';

package/dist/es/atoms/badge/index.js

@@ -1,3 +0,0 @@
-export * from './badge';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/es/atoms/badge/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/atoms/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA"}

package/dist/es/atoms/badge/styles.d.ts

@@ -1,8 +0,0 @@
-import { ThemeColorSchemeKey, Theme } from '../../theme';
-import { BadgeMode, BadgeTone } from './types';
-export declare function badge({ mode, scheme, theme, tone, }: {
-    mode: BadgeMode;
-    scheme: ThemeColorSchemeKey;
-    theme: Theme;
-    tone: BadgeTone;
-}): import("styled-components").FlattenSimpleInterpolation;

package/dist/es/atoms/badge/styles.js

@@ -1,16 +0,0 @@
-import { css } from 'styled-components';
-export function badge({ mode, scheme, theme, tone, }) {
-    const _color = theme.color[scheme].badge;
-    const _tone = _color.tones[tone] || _color.tones.default;
-    const _mode = _tone.modes[mode] || _tone.modes.default;
-    return css `
-    background-color: ${_mode.bg};
-    color: ${_mode.fg};
-    box-shadow: inset 0 0 0 1px ${_mode.border};
-
-    &&:not([hidden]) {
-      display: inline-block;
-    }
-  `;
-}
-//# sourceMappingURL=styles.js.map

package/dist/es/atoms/badge/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/atoms/badge/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,mBAAmB,CAAA;AAIrC,MAAM,UAAU,KAAK,CAAC,EACpB,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,GAML;IACC,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAA;IACxC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,OAAO,CAAA;IACxD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAA;IAEtD,OAAO,GAAG,CAAA;wBACY,KAAK,CAAC,EAAE;aACnB,KAAK,CAAC,EAAE;kCACa,KAAK,CAAC,MAAM;;;;;GAK3C,CAAA;AACH,CAAC"}

package/dist/es/atoms/badge/types.d.ts

@@ -1,2 +0,0 @@
-export declare type BadgeMode = 'default' | 'outline';
-export declare type BadgeTone = 'default' | 'brand' | 'positive' | 'caution' | 'critical';

package/dist/es/atoms/badge/types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/es/atoms/badge/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/atoms/badge/types.ts"],"names":[],"mappings":""}

package/dist/es/atoms/box/box.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { BoxStyleProps, FlexItemStyleProps, GridItemProps, ResponsivePaddingStyleProps, ResponsiveMarginStyleProps } from '../../styles';
-export interface BoxProps extends BoxStyleProps, GridItemProps, ResponsiveMarginStyleProps, ResponsivePaddingStyleProps, FlexItemStyleProps {
-    as?: React.ElementType | keyof JSX.IntrinsicElements;
-}
-export declare const Box: React.ForwardRefExoticComponent<Pick<Pick<React.HTMLProps<HTMLDivElement>, "color" | "media" | "content" | "hidden" | "wrap" | "label" | "size" | "sizes" | "min" | "max" | "rows" | "default" | "children" | "ref" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "value" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "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" | "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" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode"> & BoxProps, "color" | "media" | "content" | "hidden" | "height" | "overflow" | "sizing" | "display" | "flex" | "row" | "column" | "wrap" | "label" | "size" | "sizes" | "min" | "max" | "rows" | "columnEnd" | "columnStart" | "rowEnd" | "rowStart" | "margin" | "marginLeft" | "marginRight" | "marginTop" | "marginBottom" | "padding" | "paddingLeft" | "paddingRight" | "paddingTop" | "paddingBottom" | "default" | "children" | "cite" | "data" | "form" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "value" | "type" | "name" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "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" | "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" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "maxLength" | "mediaGroup" | "method" | "minLength" | "multiple" | "muted" | "nonce" | "noValidate" | "open" | "optimum" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "useMap" | "width" | "wmode" | "marginX" | "marginY" | "paddingX" | "paddingY"> & React.RefAttributes<unknown>>;

package/dist/es/atoms/box/box.js

@@ -1,21 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef } from 'react';
-import styled from 'styled-components';
-import { boxStyle, flexItemStyle, gridItemStyle, responsivePaddingStyle, responsiveMarginStyle, } from '../../styles';
-const Root = styled.div(boxStyle, gridItemStyle, flexItemStyle, responsiveMarginStyle, responsivePaddingStyle);
-export const Box = forwardRef((props, ref) => {
-    const { as: asProp = 'div', display = 'block', margin = 0, padding = 0 } = props, restProps = __rest(props, ["as", "display", "margin", "padding"]);
-    return (React.createElement(Root, Object.assign({ "data-ui": "Box" }, restProps, { as: asProp, display: display, margin: margin, padding: padding, ref: ref }), props.children));
-});
-Box.displayName = 'Box';
-//# sourceMappingURL=box.js.map

package/dist/es/atoms/box/box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../src/atoms/box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EACL,QAAQ,EAER,aAAa,EAEb,aAAa,EAEb,sBAAsB,EAEtB,qBAAqB,GAEtB,MAAM,cAAc,CAAA;AAWrB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAMrB,QAAQ,EAAE,aAAa,EAAE,aAAa,EAAE,qBAAqB,EAAE,sBAAsB,CAAC,CAAA;AAExF,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAC3B,CAAC,KAAiE,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,MAAM,GAAG,CAAC,EAAE,OAAO,GAAG,CAAC,KAAkB,KAAK,EAAlB,SAAS,UAAI,KAAK,EAAtF,sCAA8E,CAAQ,CAAA;IAE5F,OAAO,CACL,oBAAC,IAAI,6BACK,KAAK,IACT,SAAS,IACb,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,KAEP,KAAK,CAAC,QAAQ,CACV,CACR,CAAA;AACH,CAAC,CACF,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,KAAK,CAAA"}

package/dist/es/atoms/box/index.d.ts

@@ -1 +0,0 @@
-export * from './box';

package/dist/es/atoms/box/index.js

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

package/dist/es/atoms/box/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/atoms/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA"}