@macive/ui 0.0.9 → 0.0.11

package/dist/src/components/Autocomplete/components/MappedAction/MappedAction.styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    ActionContainer: ' mb-2 action-container',
-    destructive: 'text-red-500',
-    Action: 'block min-h-96 w-full p-2 rounded-md border-t ',
-    selectedL: 'bg-blue-900',
-    Content: 'action-content flex items-center',
-    Prefix: 'flex flex-basis dh-24 w-24 m-2 object-cover ',
-    Suffix: 'ml-4',
-    Text: 'min-w-0 max-content ',
-    ContentWrap: 'flex-wrap content-wrap-class',
-    disabled: 'disable-class',
-    selected: 'selected-class',
-};
-exports.default = styles;

package/dist/src/components/Autocomplete/components/MappedOption/MappedOption.styles.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Content: 'flex flex-1',
-    Media: 'dpy-2',
-    singleSelectionMedia: 'dpy-2',
-    disabledMedia: 'text-purple-500 bg-purple-500',
-};
-exports.default = styles;

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

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Avatar: 'relative block overflow-hidden  bg-strong select-none  border after:content: after:pb-full',
-    Text: 'text-msm ',
-    long: 'text-msm font-thin',
-    shapeRound: 'rounded-full',
-    shapeSquare: 'rounded-md',
-    hidden: 'hidden',
-    sizeExtraSmall: 'w-6 h-6 ',
-    sizeSmall: 'w-8 h-8 ',
-    sizeMedium: 'w-10 h-10 ',
-    sizeLarge: 'w-64 h-24 ',
-    styleOne: 'bg-[rgba(255, 201, 107, 1)] color-[rgba(61, 40, 0, 1)]',
-    styleTwo: 'bg-[rgba(73, 11, 28, 1)] color-[rgba(255, 196, 176, 1)]',
-    styleThree: 'bg-[rgba(0, 47, 25, 1)] color-[rgba(146, 230, 181, 1)]',
-    styleFour: 'bg-[rgba(0, 45, 45, 1)] color-[rgba(145, 224, 214, 1)]',
-    styleFive: 'bg-[rgba(79, 14, 31, 1)] color-[rgba(253, 201, 208, 1)]',
-    imageHasLoaded: 'bg-transparent',
-    Image: 'absolute w-full rounded-md object-cover transform translate-[translate(-50%, -50%)] ',
-    Initials: 'absolute top-0 left-0 flex w-full rounded-md object-cover h-full ',
-    Svg: 'w-full h-full text-pink-900 bg-pink-100',
-};
-exports.default = styles;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Backdrop: '',
-    // 'z-[1010] bg-red dbg-[rgba(0, 0, 0, 0.5)] bottom-0 top-0 right-0 left-0 block animation-forwards opacity-to-decide',
-    transparent: 'bg-transparent',
-    belowNavigation: 'dz-[1007]',
-};
-exports.default = styles;

package/dist/src/components/Badge/components/Pip/Pip.styles.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Pip: 'inline-block h-10 w-0 border-2 rounded-full flex-shrink  color-red-500',
-    statusInfo: 'text-yellow-500',
-    statusSuccess: 'text-success',
-    statusNew: 'text-blue-500',
-    statusAttention: 'text-yellow-700',
-    statusWarning: 'text-yellow-300',
-    statusCritical: 'text-red-800 bg-green-600',
-    progressIncomplete: 'ng-transparent',
-    progressPartiallyComplete: 'bg-gradient-t-r',
-    progressComplete: '',
-};
-exports.default = styles;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Breadcrumb: 'flex relative item-center align-center m-0 w-max rounded border  border-gray-400 p-[0.45rem] hover:opacity-70 hover:shadow-2xl hover:opacity-70 min-h-full ',
-    Content: 'truncate relative',
-    // Icon: 'h-14 w-14 m-4 ',
-    Icon: 'icon-breadcrumb',
-};
-exports.default = styles;

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

@@ -1,97 +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.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/* eslint-disable jsx-a11y/role-supports-aria-props */
-const react_1 = require("react");
-const Icons_1 = require("../Icons");
-const css_1 = require("../../utilities/css");
-const focus_1 = require("../../utilities/focus");
-const i18n_1 = require("../../utilities/i18n");
-const use_disable_interaction_1 = require("../../utilities/use-disable-interaction");
-const ActionList_1 = require("../ActionList");
-const Icon_1 = require("../Icon");
-const Popover_1 = require("../Popover");
-const Spinner_1 = require("../Spinner");
-const UnstyledButton_1 = require("../UnstyledButton");
-const Button_classnames_1 = __importDefault(require("./Button.classnames"));
-const DEFAULT_SIZE = 'medium';
-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, primary, outline, destructive, disclosure, plain, monochrome, removeUnderline, size = DEFAULT_SIZE, textAlign, fullWidth, connectedDisclosure, dataPrimaryLink, }) {
-    const i18n = (0, i18n_1.useI18n)();
-    const isDisabled = disabled || loading;
-    const className = (0, css_1.classNames)(Button_classnames_1.default.Button, 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, 
-    //@ts-expect-error any size
-    size && size !== DEFAULT_SIZE && Button_classnames_1.default[(0, css_1.variationName)('size', size)], 
-    //@ts-expect-error any size
-    textAlign && Button_classnames_1.default[(0, css_1.variationName)('textAlign', textAlign)], fullWidth && Button_classnames_1.default.fullWidth, icon && children == null && Button_classnames_1.default.iconOnly, connectedDisclosure && Button_classnames_1.default.connectedDisclosure, removeUnderline && Button_classnames_1.default.removeUnderline);
-    const disclosureMarkup = disclosure ? ((0, jsx_runtime_1.jsx)("span", { className: Button_classnames_1.default.Icon, children: (0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(Button_classnames_1.default.DisclosureIcon, loading && Button_classnames_1.default.hidden), children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: loading ? 'placeholder' : getDisclosureIconSource(disclosure) }) }) })) : null;
-    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: (0, css_1.classNames)(Button_classnames_1.default.Icon, loading && Button_classnames_1.default.hidden), children: iconSource })) : null;
-    const childMarkup = children ? ((0, jsx_runtime_1.jsx)("span", { className: (0, css_1.classNames)(Button_classnames_1.default.Text, removeUnderline && Button_classnames_1.default.removeUnderline), 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 [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 connectedDisclosureClassName = (0, css_1.classNames)(Button_classnames_1.default.Button, primary && Button_classnames_1.default.primary, outline && Button_classnames_1.default.outline, 
-        //@ts-expect-error any on string
-        size && size !== DEFAULT_SIZE && Button_classnames_1.default[(0, css_1.variationName)('size', size)], 
-        //@ts-expect-error any on string
-        textAlign && Button_classnames_1.default[(0, css_1.variationName)('textAlign', textAlign)], destructive && Button_classnames_1.default.destructive, connectedDisclosure.disabled && Button_classnames_1.default.disabled, Button_classnames_1.default.iconOnly, Button_classnames_1.default.ConnectedDisclosure, monochrome && Button_classnames_1.default.monochrome);
-        const defaultLabel = i18n.translate('Polaris.Button.connectedDisclosureAccessibilityLabel');
-        const { disabled, accessibilityLabel: disclosureLabel = defaultLabel } = connectedDisclosure;
-        const connectedDisclosureActivator = ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: connectedDisclosureClassName, "aria-disabled": disabled, "aria-label": disclosureLabel, "aria-describedby": ariaDescribedBy, "aria-checked": ariaChecked, onClick: handleClick, onMouseUp: focus_1.handleMouseUpByBlurring, tabIndex: disabled ? -1 : undefined, children: (0, jsx_runtime_1.jsx)("span", { className: Button_classnames_1.default.Icon, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { source: Icons_1.MaDown }) }) }));
-        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 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.jsx)(UnstyledButton_1.UnstyledButton, { ...commonProps, ...linkProps, ...actionProps, children: (0, jsx_runtime_1.jsxs)("span", { className: Button_classnames_1.default.Content, children: [spinnerSVGMarkup, iconMarkup, childMarkup, disclosureMarkup] }) }));
-    return connectedDisclosureMarkup ? ((0, jsx_runtime_1.jsxs)("div", { className: Button_classnames_1.default.ConnectedDisclosureWrapper, children: [buttonMarkup, connectedDisclosureMarkup] })) : (buttonMarkup);
-}
-exports.Button = Button;
-function isIconSource(x) {
-    return typeof x === 'string' || (typeof x === 'object' && x.body) || typeof x === 'function';
-}
-function getDisclosureIconSource(disclosure) {
-    if (disclosure === 'select') {
-        return Icons_1.MaSort;
-    }
-    return disclosure === 'up' ? Icons_1.MaUp : Icons_1.MaDown;
-}

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

@@ -1,31 +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.Checkbox = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils");
-const react_1 = __importDefault(require("react"));
-const Checkbox = react_1.default.forwardRef(({ label, text, name, disabled, isIndeterminate, error, className, info, model = 'box', rootClassName, ...rest }, ref) => {
-    const definedLabel = text || label;
-    const modelTypes = {
-        circle: 'rounded-full',
-        box: 'rounded',
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)(' ', rootClassName), children: [(0, jsx_runtime_1.jsxs)("div", { className: 'dspace-x-4 group relative flex items-center', children: [(0, jsx_runtime_1.jsx)("input", { id: name, name: name, type: 'checkbox', ref: ref, disabled: disabled, className: (0, utils_1.cn)('absolute h-5 w-5 border border-emerald-600 opacity-0 group-hover:cursor-pointer'), ...rest }), (0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.cn)('dmr-2 flex h-5 w-5 flex-shrink-0 items-center justify-center  border-2  focus-within:border-blue-500 group-hover:cursor-pointer', disabled
-                            ? '!cursor-not-allowed border-gray-300 bg-gray-200'
-                            : 'border-gray-500 bg-white', 
-                        // modelTypes[model],
-                        className, isIndeterminate && '!border-[#2c6ecb] text-[#2c6ecb]', rest.type == 'radio' && 'rounded-full'), children: [rest.type == 'radio' && ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 10 10', className: 'pointer-events-none hidden  h-3 w-3 fill-current ', children: (0, jsx_runtime_1.jsx)("circle", { cx: '5', cy: '5', r: '4', fill: 'white' }) })), !(rest.type == 'radio') && ((0, jsx_runtime_1.jsx)("svg", { className: 'pointer-events-none hidden h-3 w-3 fill-current ', version: '1.1', viewBox: '0 0 17 12', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("g", { fill: 'none', fillRule: 'evenodd', children: (0, jsx_runtime_1.jsx)("g", { transform: 'translate(-9 -11)', fill: 'white', fillRule: 'nonzero', children: (0, jsx_runtime_1.jsx)("path", { d: 'm25.576 11.414c0.56558 0.55188 0.56558 1.4439 0 1.9961l-9.404 9.176c-0.28213 0.27529-0.65247 0.41385-1.0228 0.41385-0.37034 0-0.74068-0.13855-1.0228-0.41385l-4.7019-4.588c-0.56584-0.55188-0.56584-1.4442 0-1.9961 0.56558-0.55214 1.4798-0.55214 2.0456 0l3.679 3.5899 8.3812-8.1779c0.56558-0.55214 1.4798-0.55214 2.0456 0z' }) }) }) }))] }), definedLabel && ((0, jsx_runtime_1.jsx)("label", { htmlFor: name, className: (0, utils_1.cn)(disabled && '!cursor-not-allowed !text-gray-400 dark:!text-gray-600', 'ml-2 mb-[3px] group-hover:cursor-pointer '), children: definedLabel }))] }), (0, jsx_runtime_1.jsx)("style", { jsx: 'true', children: `
-            input:checked + div {
-              border-color: #2c6ecb;
-              background-color: #2c6ecb;
-            }
-            input:checked + div svg {
-              display: block;
-            }
-          ` }), error && (0, jsx_runtime_1.jsx)("p", { className: 'mt-1 text-end text-xs text-red-500', children: error })] }));
-});
-exports.Checkbox = Checkbox;
-Checkbox.displayName = 'CustomCheckbox';

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

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Checkbox: 'relative m-1 group relative flex items-center',
-    Input: '',
-    'Input-indeterminate': '',
-    Icon: 'absolute left-1/2 top-1/2 transform transform-origin pointer-none transition-0',
-    Backdrop: 'relative block w-full h-full  focus:ring',
-    error: 'bg-red-500 text-red-400',
-    hover: 'hover-class',
-};
-exports.default = styles;

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

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    ColorPicker: 'flex select-none',
-    MainColor: 'relative overflow-hidden h-24 w-24 rounded ',
-    fullWidth: 'flex-grow w-auto',
-    ColorLayer: 'rounded color-layer absolute left-0 h-full w-full select-none top-0',
-    Dragger: 'relative z-99 bottom-10 w-4 m-auto bg-transparent border rounded shadow',
-    DraggerSmall: 'relative z-99 bottom-10 h-24 w-24 m-auto bg-transparent border rounded shadow',
-    HuePicker: 'relative overflow-hidden z-40 top-0 left-0 border rounded-3xl',
-    AlphaPicker: 'relative overflow-hidden z-40 top-0 left-0 border rounded-3xl cursor-pointer',
-    Slidable: 'h-full w-full cursor-pointer',
-};
-exports.default = styles;

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Listbox: 'px-4 w-full overflow-visible',
-};
-exports.default = styles;

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    // Connected: 'border border-gray-400 rounded-md p-[1px] w-full flex space-x-2',
-    Connected: 'rounded-md h-full items-center  w-full flex space-x-2',
-    // ' group relative mt-1  flex w-full  items-center rounded dborder-[0.5px] border-gray-400  focus-within:border-gray-400  focus-within:ring focus-within:ring-gray-200 input-field  focus-within:ring-opacity-50 group-hover:!border-red-700 dark:bg-gray-600 dark:text-white md:text-sm ',
-    //  'flex relative input-field  ',
-    Item: ' flex-basis ',
-    'Item-primary': 'Item-primary w-full border rounded-md  border-gray-400 ',
-    'Item-focused': 'z-50 ',
-    'Item-left': 'w-max first:border-none h-full ',
-    'Item-right': '',
-    'Item-connection': 'Item-connection-class',
-};
-exports.default = styles;

package/dist/src/components/Frame/components/CSSAnimation/CSSAnimation.styles.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    startFade: 'opacity-0 will-change-opacity select-none',
-    endFade: 'opacity-1 select-auto',
-};
-exports.default = styles;

package/dist/src/components/Frame/components/ContextualSaveBar/ContextualSaveBar.styles.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    ContextualSaveBar: 'flex h-[3.5rem] bg-gray-700 shadow-md px-2 md:px-4',
-    LogoContainer: 'border-r-none hidden sm:flex items-center h-full py-2 ',
-    ContextControl: 'opacity-[0.3] select-none hidden md:block',
-    Contents: 'flex flex-basis items-center min-w-[1px]  h-full py-2  ',
-    fullWidth: 'max-w-none py-2 ',
-    ActionContainer: 'flex-shrink',
-    Action: 'ml-4',
-};
-exports.default = styles;

package/dist/src/components/Frame/components/Loading/Loading.styles.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Loading: 'hidden h-2 bg-gray-400 opacity-[1]',
-    Level: 'w-full h-full transform transform-origin bg-green-400 transition',
-};
-exports.default = styles;

package/dist/src/components/Frame/components/Toast/Toast.styles.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Toast: 'inline-flex max-w-[500px] p-1 rounded-md text-white bg-blue-500 shadow-md mb-[20px] ',
-    Action: 'ml-[8px] color-green',
-    error: 'bg-red-200 text-red-900',
-    CloseButton: 'bg-blue-500 text-gray-400 flex items-center justify-start p-0 border-none ml-4  ',
-    LeadingIcon: 'mr-4',
-};
-exports.default = styles;

package/dist/src/components/Grid/Cell.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function Cell({ area: gridArea, column, columnSpan, row, children }) {
-    const className = [
-        gridArea ? `grid-area-${gridArea}` : '',
-        (column === null || column === void 0 ? void 0 : column.xs) ? `xs:col-${column.xs}` : '',
-        (column === null || column === void 0 ? void 0 : column.sm) ? `sm:col-${column.sm}` : '',
-        (column === null || column === void 0 ? void 0 : column.md) ? `md:col-${column.md}` : '',
-        (column === null || column === void 0 ? void 0 : column.lg) ? `lg:col-${column.lg}` : '',
-        (column === null || column === void 0 ? void 0 : column.xl) ? `xl:col-${column.xl}` : '',
-        (columnSpan === null || columnSpan === void 0 ? void 0 : columnSpan.xs) ? `xs:col-span-${columnSpan.xs}` : '',
-        (columnSpan === null || columnSpan === void 0 ? void 0 : columnSpan.sm) ? `sm:col-span-${columnSpan.sm}` : '',
-        (columnSpan === null || columnSpan === void 0 ? void 0 : columnSpan.md) ? `md:col-span-${columnSpan.md}` : '',
-        (columnSpan === null || columnSpan === void 0 ? void 0 : columnSpan.lg) ? `lg:col-span-${columnSpan.lg}` : '',
-        (columnSpan === null || columnSpan === void 0 ? void 0 : columnSpan.xl) ? `xl:col-span-${columnSpan.xl}` : '',
-        (row === null || row === void 0 ? void 0 : row.xs) ? `xs:row-${row.xs}` : '',
-        (row === null || row === void 0 ? void 0 : row.sm) ? `sm:row-${row.sm}` : '',
-        (row === null || row === void 0 ? void 0 : row.md) ? `md:row-${row.md}` : '',
-        (row === null || row === void 0 ? void 0 : row.lg) ? `lg:row-${row.lg}` : '',
-        (row === null || row === void 0 ? void 0 : row.xl) ? `xl:row-${row.xl}` : '',
-    ].join(' ');
-    // const style = {
-    //   gridArea,
-    //   '--pc-column-xs': column?.xs,
-    //   '--pc-column-sm': column?.sm,
-    //   '--pc-column-md': column?.md,
-    //   '--pc-column-lg': column?.lg,
-    //   '--pc-column-xl': column?.xl,
-    //   '--pc-row-xs': row?.xs,
-    //   '--pc-row-sm': row?.sm,
-    //   '--pc-row-md': row?.md,
-    //   '--pc-row-lg': row?.lg,
-    //   '--pc-row-xl': row?.xl,
-    // };
-    return ((0, jsx_runtime_1.jsx)("div", { className: className, children: children }));
-}
-exports.Cell = Cell;

package/dist/src/components/Grid/GridLegacy.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatAreas = exports.GridLegacy = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Cell_1 = require("./Cell");
-const GridLegacy = function Grid({ gap, children, columns }) {
-    const className = [
-        (gap === null || gap === void 0 ? void 0 : gap.xs) ? `xs:gap-${gap.xs}` : '',
-        (gap === null || gap === void 0 ? void 0 : gap.sm) ? `sm:gap-${gap.sm}` : '',
-        (gap === null || gap === void 0 ? void 0 : gap.md) ? `md:gap-${gap.md}` : '',
-        (gap === null || gap === void 0 ? void 0 : gap.lg) ? `lg:gap-${gap.lg}` : '',
-        (gap === null || gap === void 0 ? void 0 : gap.xl) ? `xl:gap-${gap.xl}` : '',
-        (columns === null || columns === void 0 ? void 0 : columns.xs) ? `xs:grid-cols-${columns.xs}` : '',
-        (columns === null || columns === void 0 ? void 0 : columns.sm) ? `sm:grid-cols-${columns.sm}` : '',
-        (columns === null || columns === void 0 ? void 0 : columns.md) ? `md:grid-cols-${columns.md}` : '',
-        (columns === null || columns === void 0 ? void 0 : columns.lg) ? `lg:grid-cols-${columns.lg}` : '',
-        (columns === null || columns === void 0 ? void 0 : columns.xl) ? `xl:grid-cols-${columns.xl}` : '',
-    ].join(' ');
-    const styles = {
-        Grid: `grid ${className}`,
-    };
-    return (0, jsx_runtime_1.jsx)("div", { className: styles.Grid, children: children });
-};
-exports.GridLegacy = GridLegacy;
-function formatAreas(areas) {
-    if (!areas)
-        return;
-    return `'${areas === null || areas === void 0 ? void 0 : areas.join(`' '`)}'`;
-}
-exports.formatAreas = formatAreas;
-exports.GridLegacy.Cell = Cell_1.Cell;

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

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    HorizontalGrid: 'dflex dspace-x-4d dpx-2 ditems-center',
-};
-exports.default = styles;

package/dist/src/components/IndexFilters/components/FilterButton/FilterButton.styles.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const classNames = {
-    FilterButton: 'p-[.3125rem] min-h-[2rem] min-w-[2rem] cursor-pointer border border-[#abb1ba] rounded',
-    Disabled: 'cursor-default bg-background',
-};
-exports.default = classNames;

package/dist/src/components/IndexTable/components/Checkbox/Checkbox.styles.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    TableCellContentContainer: 'CB_TableCellContentContainer',
-    Wrapper: 'CB_Wrapper',
-    expanded: 'CB_expanded',
-    condensed: 'CB_condensed',
-};
-exports.default = styles;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    InlineError: 'flex text-danger items-center pt-1  text-msm ',
-    Icon: ' text-danger   mr-2',
-};
-exports.default = styles;

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    KeyboardKey: 'bg-purple-300 dark:bg-gray-600 inline-flex mx-1 my-2 py-0.5 px-1  rounded-md shadow text-msm text-center select-none',
-    small: 'bg-purple-300 dark:bg-gray-600 py-1 px-1 shadow rounded-md ',
-};
-exports.default = styles;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Label: 'transparent',
-    hidden: 'hidden',
-    Text: 'flex flex-basis color-inherit',
-    RequiredIndicator: "conten:'*' color-red ml-2",
-};
-exports.default = styles;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    LabelWrapper: 'flex wrap justify-between mb-2 flex-warp ',
-    HelpText: 'mb-2',
-    Error: 'mb-2',
-    Action: 'flex-auto flex-basis',
-    hidden: ' labelled-hidden hidden',
-};
-exports.default = styles;

package/dist/src/components/Modal/components/CloseButton/CloseButton.styles.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    CloseButton: 'mx-4 rounded-full p-1 hover:bg-gray-200',
-    pressed: 'bg-gray-300',
-    titleHidden: 'm-2',
-};
-exports.default = styles;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    RadioButton: 'relative m-1',
-    Input: '',
-    Backdrop: 'relative top-0 block w-full h-full rounded-full bg-gray-300  transition-border-color',
-    hover: 'hover:bg-red-500',
-};
-exports.default = styles;

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

@@ -1,37 +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.RadioButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const css_1 = require("../../utilities/css");
-const unique_id_1 = require("../../utilities/unique-id");
-const use_toggle_1 = require("../../utilities/use-toggle");
-const Choice_1 = require("../Choice");
-const RadioButton_classnames_1 = __importDefault(require("./RadioButton.classnames"));
-function RadioButton({ ariaDescribedBy: ariaDescribedByProp, label, labelHidden, helpText, checked, disabled, onChange, onFocus, onBlur, id: idProp, name: nameProp, value, }) {
-    const id = (0, unique_id_1.useUniqueId)('RadioButton', idProp);
-    const name = nameProp || id;
-    const inputNode = (0, react_1.useRef)(null);
-    const { value: mouseOver, setTrue: handleMouseOver, setFalse: handleMouseOut } = (0, use_toggle_1.useToggle)(false);
-    const handleBlur = () => {
-        onBlur && onBlur();
-    };
-    function handleChange({ currentTarget }) {
-        onChange && onChange(currentTarget.checked, id);
-    }
-    const describedBy = [];
-    if (helpText) {
-        describedBy.push((0, Choice_1.helpTextID)(id));
-    }
-    if (ariaDescribedByProp) {
-        describedBy.push(ariaDescribedByProp);
-    }
-    const ariaDescribedBy = describedBy.length ? describedBy.join(' ') : undefined;
-    const inputClassName = (0, css_1.classNames)(RadioButton_classnames_1.default.Input);
-    const backdropClassName = (0, css_1.classNames)(RadioButton_classnames_1.default.Backdrop, mouseOver && RadioButton_classnames_1.default.hover);
-    return ((0, jsx_runtime_1.jsx)(Choice_1.Choice, { label: label, labelHidden: labelHidden, disabled: disabled, id: id, helpText: helpText, onMouseOver: handleMouseOver, onMouseOut: handleMouseOut, children: (0, jsx_runtime_1.jsxs)("span", { className: RadioButton_classnames_1.default.RadioButton, children: [(0, jsx_runtime_1.jsx)("input", { id: id, name: name, value: value, type: 'radio', checked: checked, disabled: disabled, className: inputClassName, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, "aria-describedby": ariaDescribedBy, ref: inputNode }), (0, jsx_runtime_1.jsx)("span", { className: backdropClassName })] }) }));
-}
-exports.RadioButton = RadioButton;

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Spinner: 'animation class ',
-    sizeSmall: 'spinner-small class ',
-    sizeLargeL: 'spinner-large-size class ',
-    small: 'small-class',
-    large: 'large-class',
-};
-exports.default = styles;

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styles = {
-    Tag: 'inline-flex max-w-full items-center py-0.5 max-h-[28px] cursor-default px-2 flex mx-2  bg-gray-300 rounded-3xl',
-    clickable: 'cursor-pointer bg-gray-100 text-gray-300 outline',
-    disabled: 'cursor-not-allowed bg-gray-100 text-gray-300 ',
-    active: 'background-green-400',
-    removable: 'p-0',
-    linkable: 'p-0',
-    'p-breakpoints-sm-up': 'p-2 ',
-    Button: 'block flex-shrink h-4 w-4  rounded-md  hover:bg-gray-400 ml-1',
-    segmented: ' calc(-1 * var(--p-space-1)) hover:bg-transparent',
-    Link: 'inline-grid text-skin-link pt-2 pb-2 ',
-    TagText: 'text-[13px] overflow-hidden ellipsis nowrap justify-center',
-    LinkText: 'text-[13px] leading-tight dpy-1 ',
-};
-exports.default = styles;

package/dist/src/components/Text/Text copy 2.js

@@ -1,58 +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.Text = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils");
-const Text_styles_json_1 = __importDefault(require("./Text.styles.json"));
-const Text = ({ alignment = "start", as = "p", breakWord = false, children, 
-// color = "text",
-color, fontWeight, id, numeric = false, truncate = false, variant = "body", visuallyHidden = false, className, uppercase, style, lines, capitalize, lowercase, ...rest }) => {
-    const Element = as;
-    const baseClasses = "  ";
-    const alignmentClasses = alignment && Text_styles_json_1.default[alignment];
-    // const colorClasses = {
-    //   text: "text-gray-800 dark:text-white",
-    //   success: "text-green-600",
-    //   critical: "text-red-600",
-    //   warning: "text-yellow-600",
-    //   subdued: "text-gray-600 dark:text-gray-400",
-    //   "text-inverse": "text-white",
-    //   brand: "text-brand",
-    //   link: "!text-skin-link",
-    // }[color];
-    const colorClasses = color && Text_styles_json_1.default[color];
-    // const fontWeightClasses = {
-    //   regular: "font-normal",
-    //   medium: "font-medium",
-    //   semibold: "font-semibold",
-    //   bold: "font-bold",
-    // }[fontWeight];
-    const fontWeightClasses = fontWeight && Text_styles_json_1.default[fontWeight];
-    // const variantClasses = {
-    //   heading: "text-[16px] leading-6 !font-semibold",
-    //   headingXs: "text-[0.75rem] leading-[1rem] !font-medium",
-    //   headingSm: "text-sm !font-bold",
-    //   headingMd: "text-[1rem] leading-[1.5rem]  !font-semibold",
-    //   headingLg: "text-base leading-tight !font-bold",
-    //   headingXl: "text-xl !font-bold",
-    //   heading2xl: "!text-2xl text !font-bold",
-    //   heading3xl: "text-8xl !font-bold",
-    //   heading4xl: "text-9xl !font-bold",
-    //   body: "text-msm",
-    //   bodySm: "text-[14px] leading-[20px]  ",
-    //   bodyMd: "text-base",
-    //   bodyLg: "text-lg",
-    //   bodyXs: "text-xs leading-6",
-    //   tiny: "text-[12px] leading-4",
-    // }[variant];
-    //@ts-expect-error index any
-    const variantClasses = variant && Text_styles_json_1.default[variant];
-    const numericClasses = numeric && Text_styles_json_1.default.numeric;
-    const truncateClasses = truncate && Text_styles_json_1.default.truncate;
-    const visuallyHiddenClasses = visuallyHidden && Text_styles_json_1.default.visuallyHidden;
-    return ((0, jsx_runtime_1.jsx)(Element, { id: id, className: (0, utils_1.cn)(fontWeightClasses, baseClasses, alignmentClasses, colorClasses, variantClasses, numericClasses, truncateClasses, visuallyHiddenClasses, breakWord && "break-all", uppercase && "uppercase", capitalize && "!capitalize", lowercase && "!lowercase", className, lines && `line-clamp-${lines}`, (alignment || truncate) && Text_styles_json_1.default.block), style: style, ...rest, children: children }));
-};
-exports.Text = Text;