@macive/ui 0.0.1 → 0.0.2

package/dist/src/components/DataTable/components/Navigation/Navigation.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Navigation = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../../../utilities/css");
+const i18n_1 = require("../../../../utilities/i18n");
+const Button_1 = require("../../../Button");
+const Icons_1 = require("../../../Icons");
+const DataTable_classnames_1 = __importDefault(require("../../DataTable.classnames"));
+function Navigation({ columnVisibilityData, isScrolledFarthestLeft, isScrolledFarthestRight, navigateTableLeft, navigateTableRight, fixedFirstColumns, setRef = () => { }, }) {
+    const i18n = (0, i18n_1.useI18n)();
+    const pipMarkup = columnVisibilityData.map((column, index) => {
+        if (index < fixedFirstColumns)
+            return;
+        const className = (0, css_1.classNames)(DataTable_classnames_1.default.Pip, column.isVisible && DataTable_classnames_1.default['Pip-visible']);
+        return (0, jsx_runtime_1.jsx)("div", { className: className }, `pip-${index}`);
+    });
+    const leftA11yLabel = i18n.translate('Polaris.DataTable.navAccessibilityLabel', {
+        direction: 'left',
+    });
+    const rightA11yLabel = i18n.translate('Polaris.DataTable.navAccessibilityLabel', {
+        direction: 'right',
+    });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: DataTable_classnames_1.default.Navigation, ref: setRef, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { plain: true, icon: Icons_1.MaLeft, disabled: isScrolledFarthestLeft, accessibilityLabel: leftA11yLabel, onClick: navigateTableLeft }), pipMarkup, (0, jsx_runtime_1.jsx)(Button_1.Button, { plain: true, icon: Icons_1.MaRight, disabled: isScrolledFarthestRight, accessibilityLabel: rightA11yLabel, onClick: navigateTableRight })] }));
+}
+exports.Navigation = Navigation;

package/dist/src/components/DataTable/components/Navigation/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("./Navigation"), exports);

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

@@ -0,0 +1,18 @@
+"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("./Cell"), exports);
+__exportStar(require("./Navigation"), exports);

package/dist/src/components/DataTable/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("./DataTable"), exports);

package/dist/src/components/DataTable/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/src/components/DataTable/utilities.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPrevAndCurrentColumns = exports.isEdgeVisible = exports.measureColumn = void 0;
+function measureColumn(tableData) {
+    return function (column, index) {
+        const { firstVisibleColumnIndex, tableLeftVisibleEdge: tableStart, tableRightVisibleEdge: tableEnd, } = tableData;
+        const leftEdge = column.offsetLeft;
+        const rightEdge = leftEdge + column.offsetWidth;
+        const isVisibleLeft = isEdgeVisible(leftEdge, tableStart, tableEnd, 'left');
+        const isVisibleRight = isEdgeVisible(rightEdge, tableStart, tableEnd, 'right');
+        const isVisible = isVisibleLeft || isVisibleRight;
+        const width = column.offsetWidth;
+        if (isVisible) {
+            tableData.firstVisibleColumnIndex = Math.min(firstVisibleColumnIndex, index);
+        }
+        return { leftEdge, rightEdge, isVisible, width, index };
+    };
+}
+exports.measureColumn = measureColumn;
+function isEdgeVisible(position, start, end, edgeType) {
+    const minVisiblePixels = 30;
+    return (position >= start + (edgeType === 'left' ? 0 : minVisiblePixels) &&
+        position <= end - minVisiblePixels);
+}
+exports.isEdgeVisible = isEdgeVisible;
+function getPrevAndCurrentColumns(tableData, columnData) {
+    const { firstVisibleColumnIndex } = tableData;
+    const previousColumnIndex = Math.max(firstVisibleColumnIndex - 1, 0);
+    const previousColumn = columnData[previousColumnIndex];
+    const currentColumn = columnData[firstVisibleColumnIndex];
+    return { previousColumn, currentColumn };
+}
+exports.getPrevAndCurrentColumns = getPrevAndCurrentColumns;

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

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const DescriptionListClassnames = {
+    "spacingTight": "DescriptionList-spacingTight",
+    "DescriptionList": "DescriptionList-DescriptionList",
+    "Term": "DescriptionList-Term",
+    "Description+&+.Description": "DescriptionList-Description+&+.Description",
+    "Description": "DescriptionList-Description",
+    "Term+.Description": "DescriptionList-Term+.Description"
+};
+exports.default = DescriptionListClassnames;

package/dist/src/components/DescriptionList/DescriptionList.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DescriptionList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utilities/css");
+const Text_1 = require("../Text");
+const DescriptionList_classnames_1 = __importDefault(require("./DescriptionList.classnames"));
+function DescriptionList({ items, spacing = 'loose' }) {
+    // There's no good key to give React so using the index is a last resport.
+    // we can't use the term/description value as it may be a react component
+    // which can't be stringified
+    const terms = items.reduce((allTerms, { term, description }, index) => [
+        ...allTerms,
+        (0, jsx_runtime_1.jsx)("dt", { className: DescriptionList_classnames_1.default.Term, children: (0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', variant: 'headingSm', children: term }) }, `dt${index}`),
+        (0, jsx_runtime_1.jsx)("dd", { className: DescriptionList_classnames_1.default.Description, children: description }, `dd${index}`),
+    ], []);
+    const className = (0, css_1.classNames)(DescriptionList_classnames_1.default.DescriptionList, spacing === 'tight' && DescriptionList_classnames_1.default.spacingTight);
+    return (0, jsx_runtime_1.jsx)("dl", { className: className, children: terms });
+}
+exports.DescriptionList = DescriptionList;

package/dist/src/components/DescriptionList/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("./DescriptionList"), exports);

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const DisplayTextClassnames = {
+    "DisplayText": "DisplayText-DisplayText",
+    "sizeSmall": "DisplayText-sizeSmall",
+    "sizeMedium": "DisplayText-sizeMedium",
+    "sizeLarge": "DisplayText-sizeLarge",
+    "sizeExtraLarge": "DisplayText-sizeExtraLarge"
+};
+exports.default = DisplayTextClassnames;

package/dist/src/components/DisplayText/DisplayText.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisplayText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utilities/css");
+const DisplayText_classnames_1 = __importDefault(require("./DisplayText.classnames"));
+/**
+ * @deprecated The DisplayText component will be removed in the next
+ * major version. Use the Text component instead. See the
+ * Polaris component guide on how to use Text.
+ *
+ * https://dev.airsoko.com/components/text
+ */
+function DisplayText({ element: Element = 'p', children, size = 'medium', }) {
+    //@ts-expect-error index
+    const className = (0, css_1.classNames)(DisplayText_classnames_1.default.DisplayText, size && DisplayText_classnames_1.default[(0, css_1.variationName)('size', size)]);
+    return (0, jsx_runtime_1.jsx)(Element, { className: className, children: children });
+}
+exports.DisplayText = DisplayText;

package/dist/src/components/DisplayText/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("./DisplayText"), exports);

package/dist/src/components/Divider/Divider.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Divider = ({ borderColor = 'border-subdued', borderWidth = '1' }) => {
+    const borderColorValue = borderColor === 'transparent' ? borderColor : `var(--p-color-${borderColor})`;
+    const styles = {
+        Divider: `border ${borderColor} border-t-${borderWidth}`,
+    };
+    return ((0, jsx_runtime_1.jsx)("hr", { className: styles.Divider, style: {
+            borderBlockStart: `borderWidth solid ${borderColorValue}`,
+        } }));
+};
+exports.Divider = Divider;

package/dist/src/components/Divider/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("./Divider"), exports);

package/dist/src/components/EmptySearchResult/EmptySearchResult.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptySearchResult = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const i18n_1 = require("../../utilities/i18n");
+const LegacyStack_1 = require("../LegacyStack");
+const Text_1 = require("../Text");
+// import EmptySearch from './illustrations'
+const illustrations_1 = __importDefault(require("./illustrations"));
+function EmptySearchResult({ title, description, withIllustration, }) {
+    const i18n = (0, i18n_1.useI18n)();
+    const altText = i18n.translate('Polaris.EmptySearchResult.altText');
+    const descriptionMarkup = description ? (0, jsx_runtime_1.jsx)("p", { children: description }) : null;
+    const svgString = `data:image/svg+xml;utf8,${illustrations_1.default}`;
+    // const illustrationMarkup = withIllustration ? (
+    //   <Image alt={altText} source={svgString} draggable={false} />
+    // ) : null
+    const illustrationMarkup = withIllustration ? (0, jsx_runtime_1.jsx)(illustrations_1.default, {}) : null;
+    return ((0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { alignment: 'center', vertical: true, children: [illustrationMarkup, (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'headingLg', as: 'p', children: title }), (0, jsx_runtime_1.jsx)(Text_1.Text, { color: 'subdued', as: 'span', children: descriptionMarkup })] }));
+}
+exports.EmptySearchResult = EmptySearchResult;

package/dist/src/components/EmptySearchResult/illustrations/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const EmptySearchSvg = () => {
+    return ((0, jsx_runtime_1.jsx)("svg", { width: '60', height: '60', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: (0, jsx_runtime_1.jsx)("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M41.87 24a17.87 17.87 0 11-35.74 0 17.87 17.87 0 0135.74 0zm-3.15 18.96a24 24 0 114.24-4.24L59.04 54.8a3 3 0 11-4.24 4.24L38.72 42.96z', fill: '#8C9196' }) }));
+};
+exports.default = EmptySearchSvg;

package/dist/src/components/EmptySearchResult/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("./EmptySearchResult"), exports);

package/dist/src/components/EmptyState/EmptyState.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmptyState = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const css_1 = require("../../utils/css");
+const within_content_context_1 = require("../../utils/within-content-context");
+const Box_1 = require("../Box");
+const Button_1 = require("../Button");
+const HorizontalStack_1 = require("../HorizontalStack");
+const Image_1 = require("../Image");
+const Text_1 = require("../Text");
+const VerticalStack_1 = require("../VerticalStack");
+function EmptyState({ children, heading, image, largeImage, imageContained, fullWidth = false, action, secondaryAction, footerContent, }) {
+    const withinContentContainer = (0, react_1.useContext)(within_content_context_1.WithinContentContext);
+    const styles = {
+        imageContained: '',
+    };
+    const imageContainedClass = (0, css_1.classNames)(imageContained && styles.imageContained, 'h-full');
+    const imageMarkup = largeImage ? ((0, jsx_runtime_1.jsx)(Image_1.Image, { alt: '', role: 'presentation', source: largeImage, className: imageContainedClass, sourceSet: [
+            { source: image, descriptor: '568w' },
+            { source: largeImage, descriptor: '1136w' },
+        ], sizes: '(max-width: 568px) 60vw' })) : ((0, jsx_runtime_1.jsx)(Image_1.Image, { className: imageContainedClass, role: 'presentation', alt: '', source: image }));
+    const secondaryActionMarkup = secondaryAction ? (0, Button_1.buttonFrom)(secondaryAction, {}) : null;
+    const footerContentMarkup = footerContent ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { paddingBlockStart: '4', children: (0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', color: 'subdued', alignment: 'center', children: footerContent }) })) : null;
+    const headingSize = withinContentContainer ? 'headingLg' : 'headingXl';
+    const primaryActionMarkup = action ? (0, Button_1.buttonFrom)(action, { primary: true, size: 'medium' }) : null;
+    const headingMarkup = heading ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { paddingBlockEnd: '4', children: (0, jsx_runtime_1.jsx)(Text_1.Text, { variant: headingSize, as: 'p', alignment: 'center', children: heading }) })) : null;
+    const childrenMarkup = children ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', color: 'subdued', alignment: 'center', children: children })) : null;
+    const textContentMarkup = headingMarkup || children ? ((0, jsx_runtime_1.jsxs)(Box_1.Box, { paddingBlockEnd: '6', children: [headingMarkup, childrenMarkup] })) : null;
+    const actionsMarkup = primaryActionMarkup || secondaryActionMarkup ? ((0, jsx_runtime_1.jsxs)(HorizontalStack_1.HorizontalStack, { align: 'center', gap: '2', children: [secondaryActionMarkup, primaryActionMarkup] })) : null;
+    const detailsMarkup = textContentMarkup || actionsMarkup || footerContentMarkup ? ((0, jsx_runtime_1.jsx)(Box_1.Box, { maxWidth: fullWidth ? '100%' : '400px', children: (0, jsx_runtime_1.jsxs)(VerticalStack_1.VerticalStack, { inlineAlign: 'center', 
+            //@ts-expect-error
+            gap: 4, children: [textContentMarkup, actionsMarkup, footerContentMarkup] }) })) : null;
+    return ((0, jsx_runtime_1.jsx)(Box_1.Box, { paddingInlineStart: '0', paddingInlineEnd: '0', paddingBlockStart: '5', paddingBlockEnd: '16', children: (0, jsx_runtime_1.jsxs)(VerticalStack_1.VerticalStack, { inlineAlign: 'center', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex w-full items-center justify-center', children: [" ", imageMarkup] }), detailsMarkup] }) }));
+}
+exports.EmptyState = EmptyState;

package/dist/src/components/EmptyState/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("./EmptyState"), exports);

package/dist/src/components/EphemeralPresenceManager/EphemeralPresenceManager.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EphemeralPresenceManager = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ephemeral_presence_manager_1 = require("../../utilities/ephemeral-presence-manager");
+const defaultState = {
+    tooltip: 0,
+};
+function EphemeralPresenceManager({ children, }) {
+    const [presenceCounter, setPresenceCounter] = (0, react_1.useState)(defaultState);
+    const addPresence = (0, react_1.useCallback)((key) => {
+        setPresenceCounter((prevList) => ({
+            ...prevList,
+            [key]: prevList[key] + 1,
+        }));
+    }, []);
+    const removePresence = (0, react_1.useCallback)((key) => {
+        setPresenceCounter((prevList) => ({
+            ...prevList,
+            [key]: prevList[key] - 1,
+        }));
+    }, []);
+    const value = (0, react_1.useMemo)(() => ({
+        presenceList: Object.entries(presenceCounter).reduce((previousValue, currentValue) => {
+            const [key, value] = currentValue;
+            return {
+                ...previousValue,
+                [key]: value >= 1,
+            };
+        }, {}),
+        presenceCounter,
+        addPresence,
+        removePresence,
+    }), [addPresence, removePresence, presenceCounter]);
+    return ((0, jsx_runtime_1.jsx)(ephemeral_presence_manager_1.EphemeralPresenceManagerContext.Provider, { value: value, children: children }));
+}
+exports.EphemeralPresenceManager = EphemeralPresenceManager;

package/dist/src/components/EphemeralPresenceManager/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("./EphemeralPresenceManager"), exports);

package/dist/src/components/EventListener/EventListener.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EventListener = void 0;
+const react_1 = require("react");
+/** @deprecated Use the useEventListener hook instead. */
+class EventListener extends react_1.PureComponent {
+    componentDidMount() {
+        this.attachListener();
+    }
+    componentDidUpdate({ passive, ...detachProps }) {
+        this.detachListener(detachProps);
+        this.attachListener();
+    }
+    componentWillUnmount() {
+        this.detachListener();
+    }
+    render() {
+        return null;
+    }
+    attachListener() {
+        const { event, handler, capture, passive } = this.props;
+        window.addEventListener(event, handler, { capture, passive });
+    }
+    detachListener(prevProps) {
+        const { event, handler, capture } = prevProps || this.props;
+        window.removeEventListener(event, handler, capture);
+    }
+}
+exports.EventListener = EventListener;

package/dist/src/components/EventListener/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("./EventListener"), exports);

package/dist/src/components/FlexBox.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FlexBox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("../utils");
+function FlexBox({ children, direction = 'row', justify = 'start', align = 'stretch', wrap = 'nowrap', gap = 0, className = '', style = {}, divide, border, as = 'div', spacing = 'none', rounded = 'none', background = 'none', ...rest }) {
+    const gapClassName = gap ? `gap-${gap}` : '';
+    const spacingClasses = {
+        standard: 'p-4',
+        wide: 'px-5 p-4',
+        none: '',
+    }[spacing];
+    const roundedClasses = {
+        standard: 'rounded-md',
+        none: 'rounded-none',
+    }[rounded];
+    const backgroundClasses = {
+        standard: 'bg-skin-primary',
+        plain: 'bg-background',
+        none: '',
+    }[background];
+    const Element = as;
+    return ((0, jsx_runtime_1.jsx)(Element, { className: (0, utils_1.cn)(`flex flex-${direction} justify-${justify} items-${align} flex-${wrap} ${gapClassName} ${className}`, divide ? (direction == 'row' ? 'divide-x ' : 'divide-y') : '', 'dark:divide-gray-600', border && 'rounded-md border dark:border-gray-600', spacingClasses, roundedClasses, backgroundClasses), style: {
+            width: '100%',
+            ...style,
+        }, ...rest, children: children }));
+}
+exports.FlexBox = FlexBox;

package/dist/src/components/Focus/Focus.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Focus = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const focus_1 = require("../../utilities/focus");
+exports.Focus = (0, react_1.memo)(function Focus({ children, disabled, root, }) {
+    (0, react_1.useEffect)(() => {
+        if (disabled || !root) {
+            return;
+        }
+        const node = isRef(root) ? root.current : root;
+        if (!node || node.querySelector('[autofocus]')) {
+            return;
+        }
+        (0, focus_1.focusFirstFocusableNode)(node, false);
+    }, [disabled, root]);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+});
+function isRef(ref) {
+    return ref.current !== undefined;
+}

package/dist/src/components/Focus/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("./Focus"), exports);

package/dist/src/components/FocusManager/FocusManager.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusManager = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const focus_manager_1 = require("../../utilities/focus-manager");
+function FocusManager({ children }) {
+    const [trapFocusList, setTrapFocusList] = (0, react_1.useState)([]);
+    const add = (0, react_1.useCallback)((id) => {
+        setTrapFocusList((list) => [...list, id]);
+    }, []);
+    const remove = (0, react_1.useCallback)((id) => {
+        let removed = true;
+        setTrapFocusList((list) => {
+            const clone = [...list];
+            const index = clone.indexOf(id);
+            if (index === -1) {
+                removed = false;
+            }
+            else {
+                clone.splice(index, 1);
+            }
+            return clone;
+        });
+        return removed;
+    }, []);
+    const value = (0, react_1.useMemo)(() => ({ trapFocusList, add, remove }), [add, trapFocusList, remove]);
+    return ((0, jsx_runtime_1.jsx)(focus_manager_1.FocusManagerContext.Provider, { value: value, children: children }));
+}
+exports.FocusManager = FocusManager;

package/dist/src/components/FocusManager/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("./FocusManager"), exports);

package/dist/src/components/Form/Form.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Text_1 = require("../Text");
+const i18n_1 = require("../../utilities/i18n");
+function Form({ acceptCharset, action, autoComplete, children, encType, implicitSubmit = true, method = 'post', name, noValidate, preventDefault = true, target, onSubmit, }) {
+    const i18n = (0, i18n_1.useI18n)();
+    const handleSubmit = (0, react_1.useCallback)((event) => {
+        if (!preventDefault) {
+            return;
+        }
+        event.preventDefault();
+        onSubmit(event);
+    }, [onSubmit, preventDefault]);
+    const autoCompleteInputs = normalizeAutoComplete(autoComplete);
+    const submitMarkup = implicitSubmit ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { as: "span", visuallyHidden: true, children: (0, jsx_runtime_1.jsx)("button", { type: "submit", "aria-hidden": "true", tabIndex: -1, children: i18n.translate('Polaris.Common.submit') }) })) : null;
+    return ((0, jsx_runtime_1.jsxs)("form", { acceptCharset: acceptCharset, action: action, autoComplete: autoCompleteInputs, encType: encType, method: method, name: name, noValidate: noValidate, target: target, onSubmit: handleSubmit, children: [submitMarkup, children] }));
+}
+exports.Form = Form;
+function normalizeAutoComplete(autoComplete) {
+    if (autoComplete == null) {
+        return autoComplete;
+    }
+    return autoComplete ? 'on' : 'off';
+}