@macive/ui 0.0.1 → 0.0.2

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

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ButtonClassnames = {
+    "DisclosureIcon": "Button-DisclosureIcon",
+    "removeUnderline": "Button-removeUnderline",
+    "disclosure": "Button-disclosure",
+    "Button": "Button-Button",
+    "disabled": "Button-disabled",
+    "connectedDisclosure": "Button-connectedDisclosure",
+    "Content": "Button-Content",
+    "textAlignLeft": "Button-textAlignLeft",
+    "textAlignStart": "Button-textAlignStart",
+    "textAlignCenter": "Button-textAlignCenter",
+    "textAlignRight": "Button-textAlignRight",
+    "textAlignEnd": "Button-textAlignEnd",
+    "Icon": "Button-Icon",
+    "Icon)": "Button-Icon)",
+    "hidden": "Button-hidden",
+    "Spinner": "Button-Spinner",
+    "primaryPlain": "Button-primaryPlain",
+    "pressed": "Button-pressed",
+    "primary": "Button-primary",
+    "destructive": "Button-destructive",
+    "outline": "Button-outline",
+    "loading": "Button-loading",
+    "plain": "Button-plain",
+    "disabled)": "Button-disabled)",
+    "removeUnderline)": "Button-removeUnderline)",
+    "pressed:not(.iconOnly)>.Content": "Button-pressed:not(.iconOnly)>.Content",
+    "fullWidth": "Button-fullWidth",
+    "sizeSlim": "Button-sizeSlim",
+    "sizeLarge": "Button-sizeLarge",
+    "iconOnly": "Button-iconOnly",
+    "destructive.iconOnly": "Button-destructive.iconOnly",
+    "Icon:first-child": "Button-Icon:first-child",
+    "Icon:last-child": "Button-Icon:last-child",
+    "Icon:only-child": "Button-Icon:only-child",
+    "sizeMicro": "Button-sizeMicro",
+    "monochrome": "Button-monochrome",
+    "Text": "Button-Text",
+    "Text:not(.removeUnderline)": "Button-Text:not(.removeUnderline)",
+    "variantMonochromePlain)>*": "Button-variantMonochromePlain)>*",
+    "ConnectedDisclosureWrapper": "Button-ConnectedDisclosureWrapper",
+    "ConnectedDisclosure": "Button-ConnectedDisclosure",
+    "Button::after": "Button-Button::after",
+    "variantPlain)": "Button-variantPlain)",
+    "toneSuccess:is(.variantPrimary)": "Button-toneSuccess:is(.variantPrimary)",
+    "toneCritical:is(.variantPrimary)": "Button-toneCritical:is(.variantPrimary)",
+    "variantMonochromePlain)": "Button-variantMonochromePlain)",
+    "pressable": "Button-pressable",
+    "textAlignLeft)": "Button-textAlignLeft)"
+};
+exports.default = ButtonClassnames;

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

@@ -0,0 +1,119 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Icons_1 = require("../Icons");
+const breakpoints_1 = require("../../utilities/breakpoints");
+const css_1 = require("../../utilities/css");
+const focus_1 = require("../../utilities/focus");
+const i18n_1 = require("../../utilities/i18n");
+const Icon_1 = require("../Icon");
+const Spinner_1 = require("../Spinner");
+const Text_1 = require("../Text");
+const UnstyledButton_1 = require("../UnstyledButton");
+const use_disable_interaction_1 = require("../../utilities/use-disable-interaction");
+const ActionList_1 = require("../ActionList");
+const Popover_1 = require("../Popover");
+const Button_classnames_1 = __importDefault(require("./Button.classnames"));
+function Button({ id, children, url, disabled, external, download, target, submit, loading, pressed, accessibilityLabel, role, ariaControls, ariaExpanded, ariaDescribedBy, ariaChecked, onClick, onFocus, onBlur, onKeyDown, onKeyPress, onKeyUp, onMouseEnter, onTouchStart, onPointerDown, icon, disclosure, removeUnderline, size = 'medium', textAlign = 'center', fullWidth, dataPrimaryLink, tone, variant = 'secondary', connectedDisclosure, primary, destructive, plain, monochrome, outline, }) {
+    const i18n = (0, i18n_1.useI18n)();
+    const isDisabled = disabled || loading;
+    const { mdUp } = (0, breakpoints_1.useBreakpoints)();
+    const className = (0, css_1.classNames)(Button_classnames_1.default.Button, Button_classnames_1.default.pressable, 
+    //@ts-expect-error
+    Button_classnames_1.default[(0, css_1.variationName)('variant', variant)], 
+    //@ts-expect-error
+    Button_classnames_1.default[(0, css_1.variationName)('size', size)], 
+    //@ts-expect-error
+    Button_classnames_1.default[(0, css_1.variationName)('textAlign', textAlign)], fullWidth && Button_classnames_1.default.fullWidth, disclosure && Button_classnames_1.default.disclosure, 
+    //@ts-expect-error
+    icon && children && Button_classnames_1.default.iconWithText, icon && children == null && Button_classnames_1.default.iconOnly, isDisabled && Button_classnames_1.default.disabled, loading && Button_classnames_1.default.loading, pressed && !disabled && !url && Button_classnames_1.default.pressed, removeUnderline && Button_classnames_1.default.removeUnderline, 
+    //@ts-expect-error
+    tone && Button_classnames_1.default[(0, css_1.variationName)('tone', tone)], 
+    //window
+    primary && Button_classnames_1.default.primary, outline && Button_classnames_1.default.outline, destructive && Button_classnames_1.default.destructive, primary && plain && Button_classnames_1.default.primaryPlain, isDisabled && Button_classnames_1.default.disabled, loading && Button_classnames_1.default.loading, plain && !primary && Button_classnames_1.default.plain, pressed && !disabled && !url && Button_classnames_1.default.pressed, monochrome && Button_classnames_1.default.monochrome);
+    const disclosureMarkup = disclosure ? ((0, jsx_runtime_1.jsx)("span", { className: loading ? Button_classnames_1.default.hidden : Button_classnames_1.default.Icon, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: loading ? 'placeholder' : getDisclosureIconSource(disclosure, Icons_1.MaChevronUp, Icons_1.MaChevronDown) }) })) : null;
+    const [disclosureActive, setDisclosureActive] = (0, react_1.useState)(false);
+    const toggleDisclosureActive = (0, react_1.useCallback)(() => {
+        setDisclosureActive((disclosureActive) => !disclosureActive);
+    }, []);
+    const handleClick = (0, use_disable_interaction_1.useDisableClick)(disabled, toggleDisclosureActive);
+    let connectedDisclosureMarkup;
+    if (connectedDisclosure) {
+        const defaultLabel = i18n.translate('Polaris.Button.connectedDisclosureAccessibilityLabel');
+        const { disabled, accessibilityLabel: disclosureLabel = defaultLabel } = connectedDisclosure;
+        const connectedDisclosureActivator = ((0, jsx_runtime_1.jsx)("span", { "aria-disabled": disabled, "aria-label": disclosureLabel, "aria-describedby": ariaDescribedBy, "aria-checked": ariaChecked, 
+            // onClick={handleClick}
+            onMouseUp: focus_1.handleMouseUpByBlurring, className: loading ? Button_classnames_1.default.hidden : '', children: (0, jsx_runtime_1.jsx)(Icons_1.MaChevronDown, { fontSize: 16, height: 16, width: 16, style: { marginLeft: '6px' } }) }));
+        connectedDisclosureMarkup = ((0, jsx_runtime_1.jsx)(Popover_1.Popover, { active: disclosureActive, onClose: toggleDisclosureActive, activator: connectedDisclosureActivator, preferredAlignment: 'right', children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: connectedDisclosure.actions, onActionAnyItem: toggleDisclosureActive }) }));
+    }
+    const iconSource = isIconSource(icon) ? (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: loading ? 'placeholder' : icon }) : icon;
+    const iconMarkup = iconSource ? ((0, jsx_runtime_1.jsx)("span", { className: loading ? Button_classnames_1.default.hidden : Button_classnames_1.default.Icon, children: iconSource })) : null;
+    const hasPlainText = ['plain', 'monochromePlain'].includes(variant);
+    let textFontWeight = 'medium';
+    if (hasPlainText) {
+        textFontWeight = 'regular';
+    }
+    else if (variant === 'primary') {
+        textFontWeight = mdUp ? 'medium' : 'semibold';
+    }
+    let textVariant = 'bodySm';
+    if (size === 'large' || (hasPlainText && size !== 'micro')) {
+        textVariant = 'bodyMd';
+    }
+    const childMarkup = children ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', variant: textVariant, fontWeight: textFontWeight, children: children }, disabled ? 'text-disabled' : 'text')) : null;
+    const spinnerSVGMarkup = loading ? ((0, jsx_runtime_1.jsx)("span", { className: Button_classnames_1.default.Spinner, children: (0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: 'small', accessibilityLabel: i18n.translate('Polaris.Button.spinnerAccessibilityLabel') }) })) : null;
+    const commonProps = {
+        id,
+        className,
+        accessibilityLabel,
+        ariaDescribedBy,
+        role,
+        onClick,
+        onFocus,
+        onBlur,
+        onMouseUp: focus_1.handleMouseUpByBlurring,
+        onMouseEnter,
+        onTouchStart,
+        'data-primary-link': dataPrimaryLink,
+    };
+    const linkProps = {
+        url,
+        external,
+        download,
+        target,
+    };
+    const actionProps = {
+        submit,
+        disabled: isDisabled,
+        loading,
+        ariaControls,
+        ariaExpanded,
+        ariaChecked,
+        pressed,
+        onKeyDown,
+        onKeyUp,
+        onKeyPress,
+        onPointerDown,
+    };
+    const buttonMarkup = ((0, jsx_runtime_1.jsxs)(UnstyledButton_1.UnstyledButton, { ...commonProps, ...linkProps, ...actionProps, ...(connectedDisclosureMarkup && {
+            onClick: handleClick,
+            onMouseUp: focus_1.handleMouseUpByBlurring,
+            tabIndex: disabled ? -1 : undefined,
+        }), children: [spinnerSVGMarkup, iconMarkup, childMarkup, disclosureMarkup, connectedDisclosureMarkup] }));
+    return buttonMarkup;
+}
+exports.Button = Button;
+function isIconSource(x) {
+    return typeof x === 'string' || (typeof x === 'object' && x.body) || typeof x === 'function';
+}
+function getDisclosureIconSource(disclosure, upIcon, downIcon) {
+    if (disclosure === 'select') {
+        return Icons_1.MaChevronUpDown;
+    }
+    return disclosure === 'up' ? upIcon : downIcon;
+}

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

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

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

@@ -0,0 +1,33 @@
+"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, className, 
+// icon: customeIcon,
+additionalInfo, displayText, }) {
+    const btp = { size: 'slim', type: 'button', plain: false };
+    const [icon, setIcon] = (0, react_1.useState)((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: Icons_1.MaCopy, ...btp }));
+    const handleCopyClick = () => {
+        setIcon((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: Icons_1.MaCheckCircle, ...btp, primary: true }));
+        if (typeof window !== 'undefined') {
+            const input = document.createElement('input');
+            input.style.position = 'fixed';
+            input.style.opacity = '0';
+            input.value = text;
+            document.body.appendChild(input);
+            input.select();
+            document.execCommand('copy');
+            document.body.removeChild(input);
+        }
+        // Reset the icon to FiCopy after 20 seconds
+        setTimeout(() => {
+            setIcon((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: Icons_1.MaCopy, ...btp }));
+        }, 20000);
+    };
+    const linkRef = (0, react_1.useRef)(null);
+    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 })), icon, additionalInfo && (0, jsx_runtime_1.jsx)("span", { children: additionalInfo })] }));
+}
+exports.CopyButton = CopyButton;

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

@@ -0,0 +1,5 @@
+"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/index.js

@@ -0,0 +1,21 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CopyButton = void 0;
+__exportStar(require("./Button"), exports);
+var CopyButton_1 = require("./CopyButton");
+Object.defineProperty(exports, "CopyButton", { enumerable: true, get: function () { return CopyButton_1.CopyButton; } });
+__exportStar(require("./utils"), exports);

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

@@ -0,0 +1,19 @@
+"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/Button copy/Button.js

@@ -0,0 +1,73 @@
+"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 })] }), loading && (0, jsx_runtime_1.jsx)(InlineSpin, {}), connectedDisclosure && ((0, jsx_runtime_1.jsx)(Disclosure_1.ConnectedDisclosureButton, { connectedDisclosure: connectedDisclosure }))] }));
+}
+exports.Button = Button;
+const InlineSpin = () => {
+    return ((0, jsx_runtime_1.jsxs)("span", { className: 'flex items-center justify-center', children: [(0, jsx_runtime_1.jsx)("span", { className: 'loadingspinner mr-2' }), (0, jsx_runtime_1.jsx)("style", { jsx: 'true', children: `
+          .loadingspinner {
+            pointer-events: none;
+            width: 2em;
+            height: 2em;
+            border: 0.4em solid transparent;
+            border-color: #eee;
+            border-top-color: #3e67ec;
+            border-radius: 50%;
+            animation: loadingspin 0.5s linear infinite;
+          }
+
+          @keyframes loadingspin {
+            100% {
+              transform: rotate(360deg);
+            }
+          }
+        ` })] }));
+};

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

@@ -0,0 +1,28 @@
+"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

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1,5 @@
+"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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,19 @@
+"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/ButtonGroup/ButtonGroup.classnames.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const ButtonGroupClassnames = {
+    "ButtonGroup": "ButtonGroup-ButtonGroup",
+    "Item": "ButtonGroup-Item",
+    "Item-plain": "ButtonGroup-Item-plain",
+    "segmented": "ButtonGroup-segmented",
+    "Item-focused": "ButtonGroup-Item-focused",
+    "fullWidth": "ButtonGroup-fullWidth",
+    "extraTight": "ButtonGroup-extraTight",
+    "tight": "ButtonGroup-tight",
+    "loose": "ButtonGroup-loose",
+    "noWrap": "ButtonGroup-noWrap"
+};
+exports.default = ButtonGroupClassnames;

package/dist/src/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonGroup = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("../../utilities/components");
+const css_1 = require("../../utilities/css");
+const ButtonGroup_classnames_1 = __importDefault(require("./ButtonGroup.classnames"));
+const components_2 = require("./components");
+function ButtonGroup({ children, spacing, segmented, fullWidth, connectedTop, noWrap, }) {
+    const className = (0, css_1.classNames)(ButtonGroup_classnames_1.default.ButtonGroup, spacing && ButtonGroup_classnames_1.default[spacing], segmented && ButtonGroup_classnames_1.default.segmented, fullWidth && ButtonGroup_classnames_1.default.fullWidth, noWrap && ButtonGroup_classnames_1.default.noWrap);
+    const contents = (0, components_1.elementChildren)(children).map((child, index) => ((0, jsx_runtime_1.jsx)(components_2.Item, { button: child }, index)));
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, "data-buttongroup-segmented": segmented, "data-buttongroup-connected-top": connectedTop, "data-buttongroup-full-width": fullWidth, "data-buttongroup-no-wrap": noWrap, children: contents }));
+}
+exports.ButtonGroup = ButtonGroup;

package/dist/src/components/ButtonGroup/Item.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utils/css");
+const use_toggle_1 = require("../../utils/use-toggle");
+function Item({ button }) {
+    const { 
+    // value: focused,
+    setTrue: forceTrueFocused, setFalse: forceFalseFocused, } = (0, use_toggle_1.useToggle)(false);
+    const className = (0, css_1.classNames)();
+    // styles.Item,
+    // focused && styles['Item-focused'],
+    // button.props.plain && styles['Item-plain'],
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, onFocus: forceTrueFocused, onBlur: forceFalseFocused, children: button }));
+}
+exports.Item = Item;

package/dist/src/components/ButtonGroup/components/Item/Item.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../../../utilities/css");
+const use_toggle_1 = require("../../../../utilities/use-toggle");
+const ButtonGroup_classnames_1 = __importDefault(require("../../ButtonGroup.classnames"));
+function Item({ button }) {
+    const { value: focused, setTrue: forceTrueFocused, setFalse: forceFalseFocused, } = (0, use_toggle_1.useToggle)(false);
+    const className = (0, css_1.classNames)(ButtonGroup_classnames_1.default.Item, focused && ButtonGroup_classnames_1.default['Item-focused'], button.props.plain && ButtonGroup_classnames_1.default['Item-plain']);
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, onFocus: forceTrueFocused, onBlur: forceFalseFocused, children: button }));
+}
+exports.Item = Item;

package/dist/src/components/ButtonGroup/components/Item/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Item"), exports);

package/dist/src/components/ButtonGroup/components/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Item"), exports);

package/dist/src/components/ButtonGroup/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ButtonGroup"), exports);

package/dist/src/components/ButtonGroup/styles.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.spacingClass = void 0;
+exports.spacingClass = {
+    extraTight: 'space-x-0',
+    tight: 'space-x-2',
+    loose: 'space-x-4',
+};