@macive/ui 0.0.1 → 0.0.3

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.helpTextID = exports.errorID = exports.Labelled = exports.labelID = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utilities/css");
+const Button_1 = require("../Button");
+const InlineError_1 = require("../InlineError");
+const Label_1 = require("../Label");
+Object.defineProperty(exports, "labelID", { enumerable: true, get: function () { return Label_1.labelID; } });
+const Text_1 = require("../Text");
+const Labelled_styles_1 = __importDefault(require("./Labelled.styles"));
+function Labelled({ id, label, error, action, helpText, children, labelHidden, requiredIndicator, ...rest }) {
+    // const className = classNames(labelHidden && styles.hidden)
+    const className = 'Labelled-w-full w-full';
+    const actionMarkup = action ? ((0, jsx_runtime_1.jsx)("div", { className: Labelled_styles_1.default.Action, children: (0, Button_1.buttonFrom)(action, { plain: true }) })) : null;
+    const helpTextMarkup = helpText ? ((0, jsx_runtime_1.jsx)("div", { className: Labelled_styles_1.default.HelpText, id: helpTextID(id), children: (0, jsx_runtime_1.jsx)(Text_1.Text, { as: 'span', color: 'subdued', breakWord: true, children: helpText }) })) : null;
+    const errorMarkup = error && typeof error !== 'boolean' && ((0, jsx_runtime_1.jsx)("div", { className: Labelled_styles_1.default.Error, children: (0, jsx_runtime_1.jsx)(InlineError_1.InlineError, { message: error, fieldID: id }) }));
+    const labelMarkup = label ? ((0, jsx_runtime_1.jsxs)("div", { className: (0, css_1.classNames)(Labelled_styles_1.default.LabelWrapper, labelHidden && Labelled_styles_1.default.hidden), children: [(0, jsx_runtime_1.jsx)(Label_1.Label, { id: id, requiredIndicator: requiredIndicator, ...rest, hidden: false, children: label }), actionMarkup] })) : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [labelMarkup, children, errorMarkup, helpTextMarkup] }));
+}
+exports.Labelled = Labelled;
+function errorID(id) {
+    return `${id}Error`;
+}
+exports.errorID = errorID;
+function helpTextID(id) {
+    return `${id}HelpText`;
+}
+exports.helpTextID = helpTextID;

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

@@ -0,0 +1,10 @@
+"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/Labelled/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("./Labelled"), exports);

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const LayoutClassnames = {
+    "Layout": "Layout-Layout",
+    "Section": "Layout-Section",
+    "Section-secondary": "Layout-Section-secondary",
+    "Section-fullWidth": "Layout-Section-fullWidth",
+    "Section-oneHalf": "Layout-Section-oneHalf",
+    "Section-oneThird": "Layout-Section-oneThird",
+    "AnnotatedSection": "Layout-AnnotatedSection",
+    "AnnotationWrapper": "Layout-AnnotationWrapper",
+    "AnnotationContent": "Layout-AnnotationContent",
+    "Annotation": "Layout-Annotation"
+};
+exports.default = LayoutClassnames;

package/dist/src/components/Layout/Layout.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.Layout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("./components");
+const Layout_classnames_1 = __importDefault(require("./Layout.classnames"));
+const Layout = function Layout({ sectioned, children }) {
+    const content = sectioned ? (0, jsx_runtime_1.jsx)(components_1.Section, { children: children }) : children;
+    return (0, jsx_runtime_1.jsx)("div", { className: Layout_classnames_1.default.Layout, children: content });
+};
+exports.Layout = Layout;
+exports.Layout.AnnotatedSection = components_1.AnnotatedSection;
+exports.Layout.Section = components_1.Section;

package/dist/src/components/Layout/components/AnnotatedSection/AnnotatedSection.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.AnnotatedSection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = require("../../../Box");
+const Text_1 = require("../../../Text");
+// eslint-disable-next-line import/no-deprecated
+const TextContainer_1 = require("../../../TextContainer");
+const Layout_classnames_1 = __importDefault(require("../../Layout.classnames"));
+function AnnotatedSection({ children, title, description, id }) {
+    const descriptionMarkup = typeof description === 'string' ? (0, jsx_runtime_1.jsx)("p", { children: description }) : description;
+    return ((0, jsx_runtime_1.jsx)("div", { className: Layout_classnames_1.default.AnnotatedSection, children: (0, jsx_runtime_1.jsxs)("div", { className: Layout_classnames_1.default.AnnotationWrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: Layout_classnames_1.default.Annotation, children: (0, jsx_runtime_1.jsxs)(TextContainer_1.TextContainer, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { id: id, variant: 'headingMd', as: 'h2', children: title }), descriptionMarkup && (0, jsx_runtime_1.jsx)(Box_1.Box, { color: 'text-subdued', children: descriptionMarkup })] }) }), (0, jsx_runtime_1.jsx)("div", { className: Layout_classnames_1.default.AnnotationContent, children: children })] }) }));
+}
+exports.AnnotatedSection = AnnotatedSection;

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

package/dist/src/components/Layout/components/Section/Section.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VerticalStack_1 = require("../../../VerticalStack");
+const css_1 = require("../../../../utilities/css");
+const Layout_classnames_1 = __importDefault(require("../../Layout.classnames"));
+function Section({ children, secondary, fullWidth, oneHalf, oneThird, vertical, }) {
+    const className = (0, css_1.classNames)(Layout_classnames_1.default.Section, secondary && Layout_classnames_1.default['Section-secondary'], fullWidth && Layout_classnames_1.default['Section-fullWidth'], oneHalf && Layout_classnames_1.default['Section-oneHalf'], oneThird && Layout_classnames_1.default['Section-oneThird']);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [' ', vertical ? (0, jsx_runtime_1.jsx)(VerticalStack_1.VerticalStack, { spacer: true, children: children }) : children] }));
+}
+exports.Section = Section;

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

package/dist/src/components/Layout/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("./AnnotatedSection"), exports);
+__exportStar(require("./Section"), exports);

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

package/dist/src/components/LayoutV1/AnnotatedSection.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnnotatedSection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Box_1 = require("../Box");
+const Text_1 = require("../Text");
+// eslint-disable-next-line import/no-deprecated
+const TextContainer_1 = require("../TextContainer");
+function AnnotatedSection({ children, title, description, id }) {
+    const descriptionMarkup = typeof description === 'string' ? (0, jsx_runtime_1.jsx)("p", { children: description }) : description;
+    const styles = {
+        AnnotatedSection: 'p-4 bg-gray-200',
+        AnnotationWrapper: 'flex items-center',
+        Annotation: 'bg-blue-500 text-white p-2 rounded',
+        AnnotationContent: 'ml-4',
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles.AnnotatedSection, children: (0, jsx_runtime_1.jsxs)("div", { className: styles.AnnotationWrapper, children: [(0, jsx_runtime_1.jsx)("div", { className: styles.Annotation, children: (0, jsx_runtime_1.jsxs)(TextContainer_1.TextContainer, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { id: id, variant: 'headingMd', as: 'h2', children: title }), descriptionMarkup && (0, jsx_runtime_1.jsx)(Box_1.Box, { color: 'text-subdued', children: descriptionMarkup })] }) }), (0, jsx_runtime_1.jsx)("div", { className: styles.AnnotationContent, children: children })] }) }));
+}
+exports.AnnotatedSection = AnnotatedSection;

package/dist/src/components/LayoutV1/Layout.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Layout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const AnnotatedSection_1 = require("./AnnotatedSection");
+const Section_1 = require("./Section");
+const styles = {
+    Layout: 'flex flex-col lg:flex-row ',
+};
+const Layout = function Layout({ sectioned, children }) {
+    const content = sectioned ? (0, jsx_runtime_1.jsx)(Section_1.Section, { children: children }) : children;
+    return (0, jsx_runtime_1.jsx)("div", { className: styles.Layout, children: content });
+};
+exports.Layout = Layout;
+exports.Layout.AnnotatedSection = AnnotatedSection_1.AnnotatedSection;
+exports.Layout.Section = Section_1.Section;

package/dist/src/components/LayoutV1/Section.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const VerticalStack_1 = require("../VerticalStack");
+const css_1 = require("../../utils/css");
+const styles_1 = __importDefault(require("./styles"));
+function Section({ children, secondary, fullWidth = true, oneHalf, oneThird, vertical, }) {
+    const className = (0, css_1.classNames)(styles_1.default.Section, secondary && styles_1.default['Section-secondary'], fullWidth && styles_1.default['Section-fullWidth'], oneHalf && styles_1.default['Section-oneHalf'], oneThird && styles_1.default['Section-oneThird']);
+    const stylings = {
+        // ...{ maxWidth: 'calc(100% - 1.25rem)', marginTop: '1rem' },
+        ...(secondary && { flex: '1 1 31rem', minWidth: 0 }),
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: `${className} ml-0 first:ml-0 md:ml-4 `, style: stylings, children: vertical ? (0, jsx_runtime_1.jsx)(VerticalStack_1.VerticalStack, { spacer: true, children: children }) : children }));
+}
+exports.Section = Section;

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    Section: 'dp-4 mb-4',
+    'Section-secondary': '',
+    'Section-oneHalf': 'w-full md:w-1/2',
+    'Section-oneThird': 'w-full px-4 md:pl-0 md:pr-4 md:w-1/3',
+    'Section-fullWidth': 'w-full',
+};
+exports.default = styles;

package/dist/src/components/LegacyCard/Disclosure/Disclosure.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disclosure = exports.Cover = exports.Panel = exports.Header = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LegacyCard_1 = require("../LegacyCard");
+const DisclosureContext_1 = require("./DisclosureContext");
+const Header = ({ children }) => {
+    const { isOpen } = (0, DisclosureContext_1.useDisclosure)();
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !isOpen && children });
+};
+exports.Header = Header;
+const Panel = ({ children }) => {
+    const { isOpen } = (0, DisclosureContext_1.useDisclosure)();
+    return isOpen ? (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) : null;
+};
+exports.Panel = Panel;
+const Cover = ({ children, actions, ...rest }) => {
+    var _a, _b;
+    const { isOpen, toggleDisclosure, options } = (0, DisclosureContext_1.useDisclosure)();
+    const { onClose, closeDisabled } = options;
+    return ((0, jsx_runtime_1.jsx)(LegacyCard_1.LegacyCard, { ...rest, actions: [
+            {
+                disabled: closeDisabled,
+                content: isOpen
+                    ? ((_a = options === null || options === void 0 ? void 0 : options.contentText) === null || _a === void 0 ? void 0 : _a.close) || 'Close'
+                    : ((_b = options === null || options === void 0 ? void 0 : options.contentText) === null || _b === void 0 ? void 0 : _b.open) || 'Edit',
+                onAction: onClose ? () => onClose(toggleDisclosure) : toggleDisclosure,
+                //@ts-expect-error remove me I submit my parent when clicked
+                type: 'button',
+            },
+            ...((actions === null || actions === void 0 ? void 0 : actions.length) ? actions : []),
+        ], children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }));
+};
+exports.Cover = Cover;
+const Disclosure = ({ children, onClose, closeDisabled, defaultEnabled, contentText, ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(DisclosureContext_1.DisclosureProvider, { options: {
+            onClose,
+            defaultEnabled,
+            contentText,
+        }, children: (0, jsx_runtime_1.jsx)(exports.Cover, { ...rest, children: children }) }));
+};
+exports.Disclosure = Disclosure;
+exports.Disclosure.Header = exports.Header;
+exports.Disclosure.Panel = exports.Panel;

package/dist/src/components/LegacyCard/Disclosure/DisclosureContext.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisclosureProvider = exports.useDisclosure = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DisclosureContext = (0, react_1.createContext)(undefined);
+const useDisclosure = () => {
+    const context = (0, react_1.useContext)(DisclosureContext);
+    if (!context) {
+        throw new Error('useDisclosure must be used within a DisclosureProvider');
+    }
+    return context;
+};
+exports.useDisclosure = useDisclosure;
+const DisclosureProvider = ({ children, options }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(Boolean(options.defaultEnabled));
+    const toggleDisclosure = () => {
+        if (!options.closeDisabled) {
+            setIsOpen(!isOpen);
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(DisclosureContext.Provider, { value: {
+            isOpen,
+            toggleDisclosure,
+            options,
+        }, children: children }));
+};
+exports.DisclosureProvider = DisclosureProvider;

package/dist/src/components/LegacyCard/Disclosure/index.js

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

package/dist/src/components/LegacyCard/Header.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const ButtonGroup_1 = require("../ButtonGroup");
+const LegacyStack_1 = require("../LegacyStack");
+const Text_1 = require("../Text");
+const LegacyCard_classnames_1 = __importDefault(require("./LegacyCard.classnames"));
+function Header({ children, title, actions }) {
+    const actionMarkup = actions ? ((0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { children: (0, Button_1.buttonsFrom)(actions, { plain: true }) })) : null;
+    const titleMarkup = (0, react_1.isValidElement)(title) ? (title) : ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'headingMd', as: 'h2', children: title }));
+    const headingMarkup = actionMarkup || children ? ((0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { alignment: 'baseline', children: [(0, jsx_runtime_1.jsx)(LegacyStack_1.LegacyStack.Item, { fill: true, children: titleMarkup }), actionMarkup, children] })) : (titleMarkup);
+    return (0, jsx_runtime_1.jsx)("div", { className: LegacyCard_classnames_1.default.Header, children: headingMarkup });
+}
+exports.Header = Header;

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

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const LegacyCardClassnames = {
+    "Section-hideOnPrint": "LegacyCard-Section-hideOnPrint",
+    "LegacyCard": "LegacyCard-LegacyCard",
+    "subdued": "LegacyCard-subdued",
+    "hideOnPrint": "LegacyCard-hideOnPrint",
+    "Header": "LegacyCard-Header",
+    "Section": "LegacyCard-Section",
+    "Section:first-child": "LegacyCard-Section:first-child",
+    "Section:last-child": "LegacyCard-Section:last-child",
+    "Section-fullWidth": "LegacyCard-Section-fullWidth",
+    "Section-flush": "LegacyCard-Section-flush",
+    "Section-subdued": "LegacyCard-Section-subdued",
+    "Header+&": "LegacyCard-Header+&",
+    "SectionHeader": "LegacyCard-SectionHeader",
+    "Subsection": "LegacyCard-Subsection",
+    "Footer": "LegacyCard-Footer",
+    "LeftJustified": "LegacyCard-LeftJustified",
+    "Section-subdued+&": "LegacyCard-Section-subdued+&"
+};
+exports.default = LegacyCardClassnames;

package/dist/src/components/LegacyCard/LegacyCard.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegacyCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const use_toggle_1 = require("../../utilities/use-toggle");
+const css_1 = require("../../utils/css");
+const within_content_context_1 = require("../../utils/within-content-context");
+const ActionList_1 = require("../ActionList");
+const Box_1 = require("../Box");
+const Button_1 = require("../Button");
+const ButtonGroup_1 = require("../ButtonGroup");
+const Popover_1 = require("../Popover");
+const Text_1 = require("../Text");
+const Disclosure_1 = require("./Disclosure");
+const Header_1 = require("./Header");
+const LegacyCard_classnames_1 = __importDefault(require("./LegacyCard.classnames"));
+const Section_1 = require("./Section");
+const Subsection_1 = require("./Subsection");
+// TypeScript can't generate types that correctly infer the typing of
+// subcomponents so explicitly state the subcomponents in the type definition.
+// Letting this be implicit works in this project but fails in projects that use
+// generated *.d.ts files.
+const LegacyCard = function LegacyCard({ children, hideOnPrint, title, subTitle, subdued, sectioned, actions, primaryFooterAction, secondaryFooterActions, secondaryFooterActionsDisclosureText, footerActionAlignment = 'right', }) {
+    const className = (0, css_1.classNames)(LegacyCard_classnames_1.default.LegacyCard, subdued && LegacyCard_classnames_1.default.subdued, hideOnPrint && LegacyCard_classnames_1.default.hideOnPrint);
+    const { value: secondaryActionsPopoverOpen, toggle: toggleSecondaryActionsPopoverOpen } = (0, use_toggle_1.useToggle)(false);
+    const headerMarkup = title || actions ? (0, jsx_runtime_1.jsx)(Header_1.Header, { actions: actions, title: title }) : null;
+    const content = sectioned ? (0, jsx_runtime_1.jsx)(Section_1.Section, { children: children }) : children;
+    const primaryFooterActionMarkup = primaryFooterAction
+        ? (0, Button_1.buttonFrom)(primaryFooterAction, { primary: true })
+        : null;
+    let secondaryFooterActionsMarkup = null;
+    if (secondaryFooterActions && secondaryFooterActions.length) {
+        if (secondaryFooterActions.length === 1) {
+            secondaryFooterActionsMarkup = (0, Button_1.buttonFrom)(secondaryFooterActions[0]);
+        }
+        else {
+            secondaryFooterActionsMarkup = ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Popover_1.Popover, { active: secondaryActionsPopoverOpen, activator: (0, jsx_runtime_1.jsx)(Button_1.Button, { disclosure: true, onClick: toggleSecondaryActionsPopoverOpen, children: secondaryFooterActionsDisclosureText || 'more' }), onClose: toggleSecondaryActionsPopoverOpen, children: (0, jsx_runtime_1.jsx)(ActionList_1.ActionList, { items: secondaryFooterActions }) }) }));
+        }
+    }
+    const footerMarkup = primaryFooterActionMarkup || secondaryFooterActionsMarkup ? ((0, jsx_runtime_1.jsx)("div", { className: (0, css_1.classNames)(LegacyCard_classnames_1.default.Footer, footerActionAlignment === 'left' && LegacyCard_classnames_1.default.LeftJustified), children: footerActionAlignment === 'right' ? ((0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [secondaryFooterActionsMarkup, primaryFooterActionMarkup] })) : ((0, jsx_runtime_1.jsxs)(ButtonGroup_1.ButtonGroup, { children: [primaryFooterActionMarkup, secondaryFooterActionsMarkup] })) })) : null;
+    const subTitleMarkup = subTitle ? ((0, jsx_runtime_1.jsx)(Subsection_1.Subsection, { children: (0, jsx_runtime_1.jsx)(Box_1.Box, { paddingInlineEnd: '5', paddingInlineStart: '5', paddingBlockStart: '4', children: (0, jsx_runtime_1.jsx)(Text_1.Text, { color: 'subdued', children: subTitle }) }) })) : null;
+    return ((0, jsx_runtime_1.jsx)(within_content_context_1.WithinContentContext.Provider, { value: true, children: (0, jsx_runtime_1.jsxs)("div", { className: className, style: {
+                flexFlow: 'column nowrap',
+            }, children: [headerMarkup, subTitleMarkup, content, footerMarkup] }) }));
+};
+exports.LegacyCard = LegacyCard;
+exports.LegacyCard.Header = Header_1.Header;
+exports.LegacyCard.Section = Section_1.Section;
+exports.LegacyCard.Subsection = Subsection_1.Subsection;
+exports.LegacyCard.Disclosure = Disclosure_1.Disclosure;

package/dist/src/components/LegacyCard/Section.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const css_1 = require("../../utils/css");
+const Button_1 = require("../Button");
+const ButtonGroup_1 = require("../ButtonGroup");
+const LegacyStack_1 = require("../LegacyStack");
+const Text_1 = require("../Text");
+const LegacyCard_classnames_1 = __importDefault(require("./LegacyCard.classnames"));
+function Section({ children, title, subdued, flush, fullWidth, actions, hideOnPrint, }) {
+    const className = (0, css_1.classNames)(LegacyCard_classnames_1.default.Section, flush && LegacyCard_classnames_1.default['Section-flush'], subdued && LegacyCard_classnames_1.default['Section-subdued'], fullWidth && LegacyCard_classnames_1.default['Section-fullWidth'], hideOnPrint && LegacyCard_classnames_1.default['Section-hideOnPrint']);
+    const actionMarkup = actions ? ((0, jsx_runtime_1.jsx)(ButtonGroup_1.ButtonGroup, { children: (0, Button_1.buttonsFrom)(actions, { plain: true }) })) : null;
+    const titleMarkup = typeof title === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { variant: 'headingSm', as: 'h3', children: title })) : (title);
+    const titleAreaMarkup = titleMarkup || actionMarkup ? ((0, jsx_runtime_1.jsx)("div", { className: LegacyCard_classnames_1.default.SectionHeader, children: actionMarkup ? ((0, jsx_runtime_1.jsxs)(LegacyStack_1.LegacyStack, { alignment: 'baseline', children: [(0, jsx_runtime_1.jsx)(LegacyStack_1.LegacyStack.Item, { fill: true, children: titleMarkup }), actionMarkup] })) : (titleMarkup) })) : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [titleAreaMarkup, children] }));
+}
+exports.Section = Section;

package/dist/src/components/LegacyCard/Subsection.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Subsection = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const LegacyCard_classnames_1 = __importDefault(require("./LegacyCard.classnames"));
+function Subsection({ children }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: LegacyCard_classnames_1.default.Subsection, children: children });
+}
+exports.Subsection = Subsection;

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

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const styles = {
+    // Section: 'w-full min-w-full mt-4 mb-2',
+    Section: 'LegacyCard_Section w-full min-w-full ',
+    Subsection: 'py-2 ',
+    'Section-flush': '',
+    'Section-subdued': '!bg-transparent',
+    'Section-fullWidth': '',
+    'Section-hideOnPrint': '',
+    SectionHeader: ' pb-2',
+    Header: 'LegacyCard_Header',
+    LegacyCard: 'LegacyCard bg-skin-primary  rounded sm:rounded-md ',
+    subdued: '!bg-transparent',
+    hideOnPrint: '',
+    Footer: 'mt-4 flex justify-end',
+    LeftJustified: '!justify-start',
+};
+exports.default = styles;

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const LegacyStackClassnames = {
+    "LegacyStack": "LegacyStack-LegacyStack",
+    "Item": "LegacyStack-Item",
+    "noWrap": "LegacyStack-noWrap",
+    "spacingNone": "LegacyStack-spacingNone",
+    "spacingExtraTight": "LegacyStack-spacingExtraTight",
+    "spacingTight": "LegacyStack-spacingTight",
+    "spacingBaseTight": "LegacyStack-spacingBaseTight",
+    "spacingLoose": "LegacyStack-spacingLoose",
+    "spacingExtraLoose": "LegacyStack-spacingExtraLoose",
+    "distributionLeading": "LegacyStack-distributionLeading",
+    "distributionTrailing": "LegacyStack-distributionTrailing",
+    "distributionCenter": "LegacyStack-distributionCenter",
+    "distributionEqualSpacing": "LegacyStack-distributionEqualSpacing",
+    "distributionFill>.Item": "LegacyStack-distributionFill>.Item",
+    "distributionFillEvenly>.Item": "LegacyStack-distributionFillEvenly>.Item",
+    "alignmentLeading": "LegacyStack-alignmentLeading",
+    "alignmentTrailing": "LegacyStack-alignmentTrailing",
+    "alignmentCenter": "LegacyStack-alignmentCenter",
+    "alignmentFill": "LegacyStack-alignmentFill",
+    "alignmentBaseline": "LegacyStack-alignmentBaseline",
+    "vertical": "LegacyStack-vertical",
+    "Item-fill": "LegacyStack-Item-fill"
+};
+exports.default = LegacyStackClassnames;

package/dist/src/components/LegacyStack/LegacyStack.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LegacyStack = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const components_1 = require("../../utilities/components");
+const css_1 = require("../../utilities/css");
+const components_2 = require("./components");
+const LegacyStack_classnames_1 = __importDefault(require("./LegacyStack.classnames"));
+exports.LegacyStack = (0, react_1.memo)(function Stack({ children, vertical, spacing, distribution, alignment, wrap, }) {
+    const className = (0, css_1.classNames)(LegacyStack_classnames_1.default.LegacyStack, vertical && LegacyStack_classnames_1.default.vertical, 
+    //@ts-expect-error index
+    spacing && LegacyStack_classnames_1.default[(0, css_1.variationName)('spacing', spacing)], 
+    //@ts-expect-error index
+    distribution && LegacyStack_classnames_1.default[(0, css_1.variationName)('distribution', distribution)], 
+    //@ts-expect-error index
+    alignment && LegacyStack_classnames_1.default[(0, css_1.variationName)('alignment', alignment)], wrap === false && LegacyStack_classnames_1.default.noWrap);
+    const itemMarkup = (0, components_1.elementChildren)(children).map((child, index) => {
+        const props = { key: index };
+        return (0, components_1.wrapWithComponent)(child, components_2.Item, props);
+    });
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: itemMarkup });
+});
+exports.LegacyStack.Item = components_2.Item;

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

@@ -0,0 +1,14 @@
+"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 LegacyStack_classnames_1 = __importDefault(require("../../LegacyStack.classnames"));
+function Item({ children, fill }) {
+    const className = (0, css_1.classNames)(LegacyStack_classnames_1.default.Item, fill && LegacyStack_classnames_1.default['Item-fill']);
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: children });
+}
+exports.Item = Item;