@macive/ui 0.0.25 → 0.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@macive/ui",
-  "version": "0.0.25",
+  "version": "0.0.27",
   "description": "",
   "author": "",
   "private": false,
@@ -19,7 +19,7 @@
     "**/configure.{js,mjs,esnext,ts}"
   ],
   "scripts": {
-    "prebuild": "yarn clean",
+    "dev:prebuild": "yarn clean",
     "build": "tsc --build && npm run build:style",
     "build:css": "node scripts/combine-css.js",
     "watch:css": "npm run build:css -- --watch",
@@ -104,4 +104,4 @@
     "react-transition-group": "*",
     "sass": "^1.66.1"
   }
-}
+}

package/dist/src/components/Box/Box copy.js

@@ -1,87 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Box = void 0;
-const react_1 = __importStar(require("react"));
-const generateResponsiveSpacing_1 = require("../../utilities/generateResponsiveSpacing");
-exports.Box = (0, react_1.forwardRef)(({ as = 'div', background, borderColor, borderStyle, borderWidth, borderBlockStartWidth, borderBlockEndWidth, borderInlineStartWidth, borderInlineEndWidth, borderRadius, borderRadiusEndStart, borderRadiusEndEnd, borderRadiusStartStart, borderRadiusStartEnd, children, color, id, minHeight, minWidth, maxWidth, overflowX, overflowY, outlineColor, outlineStyle, outlineWidth, padding, paddingBlockStart, paddingBlockEnd, paddingInlineStart, paddingInlineEnd, role, shadow, tabIndex, width, height, printHidden, visuallyHidden, position, insetBlockStart, insetBlockEnd, insetInlineStart, insetInlineEnd, zIndex, opacity, ...restProps }, ref) => {
-    const classNames = [
-        background && `${background}`,
-        borderColor && `border-${borderColor}`,
-        borderStyle && `border-${borderStyle}`,
-        borderWidth && `border-${borderWidth}`,
-        borderBlockStartWidth && `border-t-${borderBlockStartWidth}`,
-        borderBlockEndWidth && borderBlockEndWidth == '1' ? 'border-b mb-1' : ``,
-        borderInlineStartWidth && `border-l-${borderInlineStartWidth}`,
-        borderInlineEndWidth && `border-r-${borderInlineEndWidth}`,
-        borderRadius && `rounded-${borderRadius}`,
-        borderRadiusEndStart && `rounded-tl-${borderRadiusEndStart}`,
-        borderRadiusEndEnd && `rounded-tr-${borderRadiusEndEnd}`,
-        borderRadiusStartStart && `rounded-bl-${borderRadiusStartStart}`,
-        borderRadiusStartEnd && `rounded-br-${borderRadiusStartEnd}`,
-        color && `text-${color}`,
-        id && `#${id}`,
-        minHeight && `min-h-${minHeight}`,
-        minWidth && `min-w-${minWidth}`,
-        maxWidth && `max-w-${maxWidth}`,
-        overflowX && `overflow-x-${overflowX}`,
-        overflowY && `overflow-y-${overflowY}`,
-        padding && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(padding, 'p'),
-        paddingBlockStart && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(paddingBlockStart, 'pt'),
-        paddingBlockEnd && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(paddingBlockEnd, 'pb'),
-        paddingInlineStart && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(paddingInlineStart, 'pl'),
-        paddingInlineEnd && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(paddingInlineEnd, 'pr'),
-        role && `role-${role}`,
-        shadow && `shadow-${shadow}`,
-        tabIndex && `tab-${tabIndex}`,
-        width && `w-${width}`,
-        height && `h-${height}`,
-        position && `${position}`,
-        insetBlockStart && `top-${insetBlockStart}`,
-        insetBlockEnd && `bottom-${insetBlockEnd}`,
-        insetInlineStart && `left-${insetInlineStart}`,
-        insetInlineEnd && `!right-${insetInlineEnd}`,
-        opacity && `opacity-${opacity}`,
-        outlineColor && `outline-${outlineColor}`,
-        outlineStyle && `outline-${outlineStyle}`,
-        outlineWidth && `outline-${outlineWidth}`,
-        printHidden && 'print:hidden',
-        visuallyHidden && 'visually:hidden hidden',
-        zIndex && `z-[${zIndex}]`,
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return react_1.default.createElement(as, {
-        'aria-label': 'box',
-        className: classNames,
-        id,
-        ref,
-        // style: sanitizeCustomProperties(style),
-        role,
-        tabIndex,
-        ...restProps,
-    }, children);
-});
-exports.Box.displayName = 'Box';

package/dist/src/components/Button/Buttoncopy.classnames.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const ButtoncopyClassnames = {
-    "Button": "Buttoncopy-Button",
-    "pressed": "Buttoncopy-pressed",
-    "disabled": "Buttoncopy-disabled",
-    "connectedDisclosure": "Buttoncopy-connectedDisclosure",
-    "Content": "Buttoncopy-Content",
-    "plain": "Buttoncopy-plain",
-    "textAlignLeft": "Buttoncopy-textAlignLeft",
-    "textAlignStart": "Buttoncopy-textAlignStart",
-    "textAlignCenter": "Buttoncopy-textAlignCenter",
-    "textAlignRight": "Buttoncopy-textAlignRight",
-    "textAlignEnd": "Buttoncopy-textAlignEnd",
-    "Icon": "Buttoncopy-Icon",
-    "fullWidth": "Buttoncopy-fullWidth",
-    "hidden": "Buttoncopy-hidden",
-    "Spinner": "Buttoncopy-Spinner",
-    "primary": "Buttoncopy-primary",
-    "destructive": "Buttoncopy-destructive",
-    "primaryPlain": "Buttoncopy-primaryPlain",
-    "outline": "Buttoncopy-outline",
-    "loading": "Buttoncopy-loading",
-    "removeUnderline": "Buttoncopy-removeUnderline",
-    "iconOnly": "Buttoncopy-iconOnly",
-    "sizeSlim": "Buttoncopy-sizeSlim",
-    "sizeLarge": "Buttoncopy-sizeLarge",
-    "sizeMicro": "Buttoncopy-sizeMicro",
-    "monochrome": "Buttoncopy-monochrome",
-    "Text": "Buttoncopy-Text",
-    "ConnectedDisclosureWrapper": "Buttoncopy-ConnectedDisclosureWrapper",
-    "ConnectedDisclosure": "Buttoncopy-ConnectedDisclosure"
-};
-exports.default = ButtoncopyClassnames;

package/dist/src/components/Button copy/Button.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils");
-const Icon_1 = require("../Icon");
-const Icons_1 = require("../Icons");
-const Link_1 = require("../Link");
-const Disclosure_1 = require("./Disclosure");
-function Button({ as = 'button', className = '', variant = 'outline', width = 'auto', loading, destructive, size = 'small', type = 'button', connectedDisclosure, rootClassName, primary, icon, plain, outline, accessibilityLabel, disclosure, url, href, external, target, ...rest }) {
-    const baseButtonClasses = (0, utils_1.cn)('inline-block rounded font-medium text-center flex ddivide-x h-full divide-gray-400 text-msm leading-4', size == 'slim' && 'h-[32px]', size == 'micro' && 'h-[32px]', size == 'small' && 'h-[32px]', size == 'large' && 'h-[32px]', size == 'medium' && 'h-[32px]', rest.children && variant !== 'plain' && '!px-2');
-    const variants = {
-        primary: `${baseButtonClasses} hover:opacity-80 bg-brand text-contrast text-white`,
-        secondary: `${baseButtonClasses} border border-primary/10 bg-contrast text-primary`,
-        inline: `border-b border-primary/10 leading-none pb-1`,
-        outline: ` ${baseButtonClasses} border bg-gray-100 border-gray-400 dborder-primary/10 dleading-none `,
-        plain: ` ${baseButtonClasses} hover:bg-gray-200 dark:hover:bg-gray-600 hover:underline !py-0 !font-normal !px-0 !h-max text-skin-link text-msm`,
-        loading: 'h-4 w-4 ms-2 rounded-full border-2 bg-white border-transparent border-t-2 animate-spin',
-        default: ` ${baseButtonClasses} border border-gray-400 bg-white dark:bg-gray-500 `,
-    };
-    const widths = {
-        auto: 'w-auto',
-        full: 'w-full',
-        max: 'w-max',
-    };
-    const sizeClasses = {
-        slim: 'py-[0.395rem] px-3',
-        micro: 'py-1 px-3',
-        small: 'py-0 px-2',
-        large: 'py-0 px-8',
-        medium: 'py-0 px-3',
-        none: '',
-    };
-    if (outline) {
-        variant = 'outline';
-    }
-    if (primary) {
-        variant = 'primary';
-    }
-    if (plain) {
-        variant = 'plain';
-    }
-    const styles = (0, utils_1.cn)(variants[variant], 
-    // missingClass(className, 'w-') && widths[width],
-    widths[width], 'flex items-center justify-center space-x-4', className, destructive && 'border !bg-danger text-white', 
-    // sizeClasses[size],
-    (rest === null || rest === void 0 ? void 0 : rest.disabled) && '!bg-gray-200 !text-gray-400 cursor-not-allowed');
-    const Component = href || (url && !rest.disabled)
-        ? ({ children: child, ...rest }) => ((0, jsx_runtime_1.jsx)(Link_1.Link, { url: href || url, external: external, target: target, children: (0, jsx_runtime_1.jsxs)("span", { ...rest, children: [child, " "] }) }))
-        : as;
-    return ((0, jsx_runtime_1.jsxs)(Component, { className: styles, type: type, ...rest, children: [(0, jsx_runtime_1.jsxs)("span", { "aria-label": accessibilityLabel, className: (0, utils_1.cn)(sizeClasses[size], rootClassName, 'flex items-center space-x-2  whitespace-nowrap'), children: [rest.children && (0, jsx_runtime_1.jsxs)("span", { children: [" ", rest.children] }), icon && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: icon, size: 20 }), disclosure && (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown, size: 20 })] }), connectedDisclosure && ((0, jsx_runtime_1.jsx)(Disclosure_1.ConnectedDisclosureButton, { connectedDisclosure: connectedDisclosure }))] }));
-}
-exports.Button = Button;

package/dist/src/components/Button copy/CopyButton/CopyButton.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Icons_1 = require("../../Icons");
-const Button_1 = require("../Button");
-function CopyButton({ text, 
-// alertText = 'copied ',
-className, icon, additionalInfo, displayText, }) {
-    const linkRef = (0, react_1.useRef)(null);
-    function handleCopyClick(e) {
-        e.preventDefault();
-        if (linkRef.current) {
-            //@ts-ignore
-            linkRef.current.select();
-            //@ts-ignore
-            document.execCommand('copy');
-            // toast.success(alertText, {
-            //   position: toast.POSITION.BOTTOM_CENTER,
-            //   theme: 'dark',
-            //   hideProgressBar: true,
-            // })
-        }
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, onClick: handleCopyClick, children: [(0, jsx_runtime_1.jsx)("textarea", { ref: linkRef, style: { position: 'absolute', left: '-9999px' }, value: text, readOnly: true }), displayText && ((0, jsx_runtime_1.jsx)("div", { className: 'rounded-r-0 rounded-md bg-gray-200 px-2 py-1 text-sm', children: text })), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: 'outline', size: 'small', className: 'flex items-center justify-center', type: 'button', icon: icon ? icon : Icons_1.MaCopy }), (0, jsx_runtime_1.jsx)("span", { children: additionalInfo })] }));
-}
-exports.CopyButton = CopyButton;

package/dist/src/components/Button copy/CopyButton/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyButton = void 0;
-var CopyButton_1 = require("./CopyButton");
-Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return CopyButton_1.CopyButton; } });

package/dist/src/components/Button copy/Disclosure/ConnectedDisclosureButton.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectedDisclosureButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable @next/next/no-img-element */
-const react_1 = require("react");
-function ConnectedDisclosureButton({}) {
-    function handleAction(action) {
-        var _a, _b;
-        if (action.onAction) {
-            (_a = action === null || action === void 0 ? void 0 : action.onAction) === null || _a === void 0 ? void 0 : _a.call(action);
-        }
-        //@ts-ignore
-        (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.click();
-    }
-    const buttonRef = (0, react_1.useRef)();
-    return (0, jsx_runtime_1.jsx)("div", {});
-}
-exports.ConnectedDisclosureButton = ConnectedDisclosureButton;

package/dist/src/components/Button copy/Disclosure/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ConnectedDisclosureButton = void 0;
-var ConnectedDisclosureButton_1 = require("./ConnectedDisclosureButton");
-Object.defineProperty(exports, "ConnectedDisclosureButton", { enumerable: true, get: function () { return ConnectedDisclosureButton_1.ConnectedDisclosureButton; } });

package/dist/src/components/Button copy/index.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CopyButton = exports.buttonsFrom = exports.buttonFrom = exports.ConnectedDisclosureButton = exports.Button = void 0;
-var Button_1 = require("./Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
-var Disclosure_1 = require("./Disclosure");
-Object.defineProperty(exports, "ConnectedDisclosureButton", { enumerable: true, get: function () { return Disclosure_1.ConnectedDisclosureButton; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "buttonFrom", { enumerable: true, get: function () { return utils_1.buttonFrom; } });
-Object.defineProperty(exports, "buttonsFrom", { enumerable: true, get: function () { return utils_1.buttonsFrom; } });
-var CopyButton_1 = require("./CopyButton");
-Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return CopyButton_1.CopyButton; } });

package/dist/src/components/Button copy/utils.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonFrom = exports.buttonsFrom = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Button_1 = require("./Button");
-function buttonsFrom(actions, overrides = {}) {
-    if (Array.isArray(actions)) {
-        return actions.map((action, index) => buttonFrom(action, overrides, index));
-    }
-    else {
-        const action = actions;
-        return buttonFrom(action, overrides);
-    }
-}
-exports.buttonsFrom = buttonsFrom;
-function buttonFrom({ content, onAction, ...action }, overrides, key) {
-    return ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onAction, ...action, ...overrides, children: content }, key));
-}
-exports.buttonFrom = buttonFrom;

package/dist/src/components/HorizontalStack/HorizontalStack copy.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HorizontalStack = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const generateResponsiveSpacing_1 = require("../../utilities/generateResponsiveSpacing");
-const styles_1 = require("./styles");
-const HorizontalStack = function HorizontalStack({ align, blockAlign, gap, wrap = false, children, width = 'full', height = 'full', }) {
-    const gapClassesV1 = (gap) => {
-        if (typeof gap === 'string') {
-            return `space-x-${gap}`;
-        }
-        else if (typeof gap === 'number') {
-            return `space-x-${gap}`;
-        }
-        else if (typeof gap === 'object') {
-            return Object.entries(gap)
-                .map(([key, value]) => `gap-${key}:${value}`)
-                .join(' ');
-        }
-        return '';
-    };
-    const widthClasses = {
-        auto: 'w-auto',
-        full: 'w-full',
-        max: 'w-max',
-    }[width];
-    const heightClasses = {
-        auto: 'h-auto',
-        full: 'h-full',
-        max: 'h-max',
-    }[height];
-    const gapX = gap && (0, generateResponsiveSpacing_1.generateResponsiveSpacing)(gap, 'space-x');
-    const styles = {
-        HorizontalStack: `flex ${widthClasses} ${heightClasses} ${align && styles_1.alignClasses[align]} ${styles_1.blockAlignClasses[blockAlign !== null && blockAlign !== void 0 ? blockAlign : 'center']} ${gapX} ${wrap ? 'flex-wrap' : 'flex-nowrap'}`,
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { "aria-label": 'horizontal-stack', className: styles.HorizontalStack, children: children }));
-};
-exports.HorizontalStack = HorizontalStack;

package/dist/src/components/Stack/Stack-old.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stack = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const Stack_classnames_1 = __importDefault(require("./Stack.classnames"));
-const Stack = ({ direction = 'vertical', spacing = 'base', wrap = false, alignment = 'stretch', distribution = 'start', children, className = '', }) => {
-    const stackClasses = (0, classnames_1.default)(Stack_classnames_1.default.stack, Stack_classnames_1.default[`stack-${direction}`], Stack_classnames_1.default[`stack-spacing-${spacing}`], wrap && Stack_classnames_1.default['stack-wrap'], Stack_classnames_1.default[`stack-alignment-${alignment}`], Stack_classnames_1.default[`stack-distribution-${distribution}`], className);
-    return (0, jsx_runtime_1.jsx)("div", { className: stackClasses, children: children });
-};
-exports.Stack = Stack;
-Stack.displayName = 'Stack';
-// Stack.Item Component
-Stack.Item = ({ fill = false, className = '', children }) => {
-    const itemClasses = (0, classnames_1.default)(Stack_classnames_1.default.stackItem, fill && Stack_classnames_1.default.fill, className);
-    return (0, jsx_runtime_1.jsx)("div", { className: itemClasses, children: children });
-};
-Stack.Item.displayName = 'Stack';

package/dist/types/src/components/Box/Box copy.d.ts

@@ -1,122 +0,0 @@
-import React from 'react';
-import { BorderRadiusScale, BorderWidthScale, ColorBackgroundAlias, ColorBorderAlias, ColorsBorderTokenAlias, ColorTextAlias, ShadowAlias, SpaceScale } from '../../tokens';
-import type { ResponsiveProp } from '../../utilities/css';
-type Element = 'div' | 'span' | 'section' | 'legend' | 'ul' | 'li';
-type LineStyles = 'solid' | 'dashed';
-type Overflow = 'hidden' | 'scroll';
-type Position = 'relative' | 'absolute' | 'fixed' | 'sticky';
-type Spacing = ResponsiveProp<SpaceScale>;
-export interface BoxProps extends React.AriaAttributes {
-    children?: React.ReactNode;
-    /** HTML Element type
-     * @default 'div'
-     */
-    as?: Element;
-    /** Background color */
-    background?: ColorBackgroundAlias;
-    /** Border color */
-    borderColor?: ColorBorderAlias | 'transparent';
-    /** Border style */
-    borderStyle?: LineStyles;
-    /** Border radius */
-    borderRadius?: BorderRadiusScale;
-    /** Vertical end horizontal start border radius */
-    borderRadiusEndStart?: BorderRadiusScale;
-    /** Vertical end horizontal end border radius */
-    borderRadiusEndEnd?: BorderRadiusScale;
-    /** Vertical start horizontal start border radius */
-    borderRadiusStartStart?: BorderRadiusScale;
-    /** Vertical start horizontal end border radius */
-    borderRadiusStartEnd?: BorderRadiusScale;
-    /** Border width */
-    borderWidth?: BorderWidthScale;
-    /** Vertical start border width */
-    borderBlockStartWidth?: BorderWidthScale;
-    /** Vertical end border width */
-    borderBlockEndWidth?: BorderWidthScale;
-    /** Horizontal start border width */
-    borderInlineStartWidth?: BorderWidthScale;
-    /** Horizontal end border width */
-    borderInlineEndWidth?: BorderWidthScale;
-    /** Color of children */
-    color?: ColorTextAlias;
-    /** HTML id attribute */
-    id?: string;
-    /** Minimum height of container */
-    minHeight?: string;
-    /** Minimum width of container */
-    minWidth?: string;
-    /** Maximum width of container */
-    maxWidth?: string;
-    /** Clip horizontal content of children */
-    overflowX?: Overflow;
-    /** Clip vertical content of children */
-    overflowY?: Overflow;
-    /** Spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.
-     * @example
-     * padding='4'
-     * padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-     */
-    padding?: Spacing;
-    /** Vertical start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.
-     * @example
-     * paddingBlockStart='4'
-     * paddingBlockStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-     */
-    paddingBlockStart?: Spacing;
-    /** Vertical end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.
-     * @example
-     * paddingBlockEnd='4'
-     * paddingBlockEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-     */
-    paddingBlockEnd?: Spacing;
-    /** Horizontal start spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.
-     * @example
-     * paddingInlineStart='4'
-     * paddingInlineStart={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-     */
-    paddingInlineStart?: Spacing;
-    /** Horizontal end spacing around children. Accepts a spacing token or an object of spacing tokens for different screen sizes.
-     * @example
-     * paddingInlineEnd='4'
-     * paddingInlineEnd={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
-     */
-    paddingInlineEnd?: Spacing;
-    /** Aria role */
-    role?: Extract<React.AriaRole, 'status' | 'presentation' | 'menu' | 'listbox' | 'combobox'>;
-    /** Shadow on box */
-    shadow?: ShadowAlias;
-    /** Set tab order */
-    tabIndex?: Extract<React.AllHTMLAttributes<HTMLElement>['tabIndex'], number>;
-    /** Width of container */
-    width?: string;
-    /** Width of container eg `[10px]` or full */
-    height?: string;
-    /** Position of box */
-    position?: Position;
-    /** Top position of box */
-    insetBlockStart?: Spacing;
-    /** Bottom position of box */
-    insetBlockEnd?: Spacing;
-    /** Left position of box */
-    insetInlineStart?: Spacing;
-    /** Right position of box */
-    insetInlineEnd?: Spacing;
-    /** Opacity of box */
-    opacity?: string;
-    /** Outline color */
-    outlineColor?: ColorsBorderTokenAlias;
-    /** Outline style */
-    outlineStyle?: LineStyles;
-    /** Outline width */
-    outlineWidth?: BorderWidthScale;
-    /** Visually hide the contents during print */
-    printHidden?: boolean;
-    /** Visually hide the contents (still announced by screenreader) */
-    visuallyHidden?: boolean;
-    /** z-index of box */
-    zIndex?: string;
-}
-export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
-export {};
-//# sourceMappingURL=Box%20copy.d.ts.map

package/dist/types/src/components/Box/Box copy.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box copy.d.ts","sourceRoot":"","sources":["../../../../../src/components/Box/Box copy.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,UAAU,EACX,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEzD,KAAK,OAAO,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;AAElE,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AACpC,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAA;AACnC,KAAK,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAE5D,KAAK,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAEzC,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,OAAO,CAAA;IACZ,uBAAuB;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,mBAAmB;IACnB,WAAW,CAAC,EAAE,gBAAgB,GAAG,aAAa,CAAA;IAC9C,mBAAmB;IACnB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,oBAAoB;IACpB,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,iBAAiB,CAAA;IACxC,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;IACtC,oDAAoD;IACpD,sBAAsB,CAAC,EAAE,iBAAiB,CAAA;IAC1C,kDAAkD;IAClD,oBAAoB,CAAC,EAAE,iBAAiB,CAAA;IACxC,mBAAmB;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,kCAAkC;IAClC,qBAAqB,CAAC,EAAE,gBAAgB,CAAA;IACxC,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,gBAAgB,CAAA;IACtC,oCAAoC;IACpC,sBAAsB,CAAC,EAAE,gBAAgB,CAAA;IACzC,kCAAkC;IAClC,oBAAoB,CAAC,EAAE,gBAAgB,CAAA;IACvC,wBAAwB;IACxB,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC,CAAA;IAC3F,oBAAoB;IACpB,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IAC5E,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,0BAA0B;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,4BAA4B;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oBAAoB;IACpB,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,oBAAoB;IACpB,YAAY,CAAC,EAAE,UAAU,CAAA;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qBAAqB;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,GAAG,8EAiHf,CAAA"}

package/dist/types/src/components/Button/Buttoncopy.classnames.d.ts

@@ -1,33 +0,0 @@
-declare const ButtoncopyClassnames: {
-    Button: string;
-    pressed: string;
-    disabled: string;
-    connectedDisclosure: string;
-    Content: string;
-    plain: string;
-    textAlignLeft: string;
-    textAlignStart: string;
-    textAlignCenter: string;
-    textAlignRight: string;
-    textAlignEnd: string;
-    Icon: string;
-    fullWidth: string;
-    hidden: string;
-    Spinner: string;
-    primary: string;
-    destructive: string;
-    primaryPlain: string;
-    outline: string;
-    loading: string;
-    removeUnderline: string;
-    iconOnly: string;
-    sizeSlim: string;
-    sizeLarge: string;
-    sizeMicro: string;
-    monochrome: string;
-    Text: string;
-    ConnectedDisclosureWrapper: string;
-    ConnectedDisclosure: string;
-};
-export default ButtoncopyClassnames;
-//# sourceMappingURL=Buttoncopy.classnames.d.ts.map

package/dist/types/src/components/Button/Buttoncopy.classnames.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttoncopy.classnames.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/Buttoncopy.classnames.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/types/src/components/Button copy/Button.d.ts

@@ -1,32 +0,0 @@
-import React, { ReactNode } from 'react';
-import { BaseButton, ButtonType, IconSource } from '../../typos';
-import { ConnectedDisclosure } from '../typings';
-export interface ButtonProps extends /**ButtonHTMLAttributes<HTMLInputElement> , */ BaseButton {
-    as?: React.ElementType;
-    className?: string;
-    variant?: 'primary' | 'secondary' | 'inline' | 'outline' | 'default' | 'plain';
-    width?: 'auto' | 'full' | 'max';
-    size?: 'medium' | 'large' | 'micro' | 'slim' | 'small';
-    textAlign?: 'start' | 'center' | 'end' | 'left' | 'right';
-    loading?: boolean;
-    /**Indicates a dangerous or potentially negative action. */
-    destructive?: boolean;
-    connectedDisclosure?: ConnectedDisclosure;
-    href?: string;
-    rootClassName?: string;
-    /** Provides extra visual weight and identifies the primary action in a set of buttons */
-    primary?: boolean;
-    icon?: React.ReactNode | IconSource;
-    plain?: boolean;
-    outline?: boolean;
-    accessibilityLabel?: string;
-    url?: string;
-    disclosure?: any;
-    monochrome?: boolean;
-    external?: boolean;
-    removeUnderline?: boolean;
-    type?: ButtonType;
-    children?: ReactNode;
-}
-export declare function Button({ as, className, variant, width, loading, destructive, size, type, connectedDisclosure, rootClassName, primary, icon, plain, outline, accessibilityLabel, disclosure, url, href, external, target, ...rest }: ButtonProps): JSX.Element;
-//# sourceMappingURL=Button.d.ts.map

package/dist/types/src/components/Button copy/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button copy/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAA;AAIhD,MAAM,WAAW,WAAY,SAAQ,8CAA8C,CAAC,UAAU;IAC5F,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;IACtD,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,OAAO,CAAA;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB,CAAC,EAAE,mBAAmB,CAAA;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yFAAyF;IACzF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAA;IACnC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AACD,wBAAgB,MAAM,CAAC,EACrB,EAAa,EACb,SAAc,EACd,OAAmB,EACnB,KAAc,EACd,OAAO,EACP,WAAW,EACX,IAAc,EACd,IAAe,EACf,mBAAmB,EACnB,aAAa,EACb,OAAO,EACP,IAAI,EACJ,KAAK,EACL,OAAO,EACP,kBAAkB,EAClB,UAAU,EACV,GAAG,EACH,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,GAAG,IAAI,EACR,EAAE,WAAW,eAyFb"}

package/dist/types/src/components/Button copy/CopyButton/CopyButton.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-export declare function CopyButton({ text, className, icon, additionalInfo, displayText, }: {
-    text: string;
-    alertText?: string;
-    icon?: ReactNode;
-    className?: string;
-    additionalInfo?: ReactNode;
-    displayText?: boolean;
-}): JSX.Element;
-//# sourceMappingURL=CopyButton.d.ts.map

package/dist/types/src/components/Button copy/CopyButton/CopyButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button copy/CopyButton/CopyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAU,MAAM,OAAO,CAAA;AAIrD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EAEJ,SAAS,EACT,IAAI,EACJ,cAAc,EACd,WAAW,GACZ,EAAE;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,eAuCA"}

package/dist/types/src/components/Button copy/CopyButton/index.d.ts

@@ -1,2 +0,0 @@
-export { CopyButton } from './CopyButton';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button copy/CopyButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button copy/CopyButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/types/src/components/Button copy/Disclosure/ConnectedDisclosureButton.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { ConnectedDisclosure } from '../../typings';
-interface PopoverProps {
-    content?: ReactNode;
-    button?: ReactNode;
-    buttonClass?: string;
-    contentClass?: string;
-    rootClass?: string;
-    connectedDisclosure: ConnectedDisclosure;
-}
-export declare function ConnectedDisclosureButton({}: PopoverProps): JSX.Element;
-export {};
-//# sourceMappingURL=ConnectedDisclosureButton.d.ts.map

package/dist/types/src/components/Button copy/Disclosure/ConnectedDisclosureButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConnectedDisclosureButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button copy/Disclosure/ConnectedDisclosureButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAU,MAAM,OAAO,CAAA;AAEzC,OAAO,EAA4B,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAE7E,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,EAAE,mBAAmB,CAAA;CACzC;AACD,wBAAgB,yBAAyB,CAAC,EAAE,EAM5C,YAAY,eAUX"}

package/dist/types/src/components/Button copy/Disclosure/index.d.ts

@@ -1,2 +0,0 @@
-export { ConnectedDisclosureButton } from './ConnectedDisclosureButton';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button copy/Disclosure/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Button copy/Disclosure/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA"}

package/dist/types/src/components/Button copy/index.d.ts

@@ -1,6 +0,0 @@
-export { Button } from './Button';
-export type { ButtonProps } from './Button';
-export { ConnectedDisclosureButton } from './Disclosure';
-export { buttonFrom, buttonsFrom } from './utils';
-export { CopyButton } from './CopyButton';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Button copy/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button copy/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAC3C,OAAO,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/types/src/components/Button copy/utils.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { ComplexAction } from '../../typos';
-import type { ButtonProps } from './Button';
-export declare function buttonsFrom(action: ComplexAction, overrides?: Partial<ButtonProps>): React.ReactElement<ButtonProps>;
-export declare function buttonsFrom(actions: ComplexAction[], overrides?: Partial<ButtonProps>): React.ReactElement<ButtonProps>[];
-export declare function buttonFrom({ content, onAction, ...action }: ComplexAction, overrides?: Partial<ButtonProps>, key?: any): JSX.Element;
-//# sourceMappingURL=utils.d.ts.map