@spscommerce/ds-react 5.20.0 → 5.20.3-ie

package/dist/out-tsc/side-nav/SpsSideNavBranch.js

@@ -0,0 +1,68 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+/** TODO: Fix circular deps, update to follow our patterns, then remove eslint override */
+/* eslint-disable import/no-cycle */
+import * as React from "react";
+import clsx from "clsx";
+import { useState } from "react";
+import { findParentBranches } from "./SpsSideNav";
+export var SpsSideNavBranch = function (_a) {
+    var branch = _a.branch, setActiveBranch = _a.setActiveBranch, activeBranch = _a.activeBranch;
+    var _b = __read(useState(branch.expanded || false), 2), isBranchExpanded = _b[0], setIsBranchExpanded = _b[1];
+    return (React.createElement("ul", { className: clsx("sps-side-nav__branch", branch.name === activeBranch && "sps-side-nav__branch--active") },
+        React.createElement("li", { className: clsx("sps-side-nav__leaf", branch.name === activeBranch && "sps-side-nav__leaf--active") },
+            React.createElement("span", { className: "sps-side-nav__link", onClick: function () {
+                    setIsBranchExpanded(!isBranchExpanded);
+                    if (!branch.subNavItems) {
+                        setActiveBranch(branch.name, branch.key);
+                    }
+                }, onKeyDown: function (event) {
+                    if (event.key === "Enter" || event.key === " ") {
+                        event.stopPropagation();
+                        event.preventDefault();
+                        setIsBranchExpanded(!isBranchExpanded);
+                        if (!branch.subNavItems) {
+                            setActiveBranch(branch.name, branch.key);
+                        }
+                    }
+                }, role: "tab", tabIndex: 0, "aria-selected": branch.name === activeBranch },
+                branch.subNavItems && (React.createElement("i", { className: clsx("sps-icon sps-side-nav__toggle", isBranchExpanded
+                        ? "sps-icon-chevron-down"
+                        : "sps-icon-chevron-right") })),
+                React.createElement("span", { className: "sps-side-nav__link-title" },
+                    branch.icon && React.createElement("i", { className: "sps-icon sps-icon-" + branch.icon + " mr-2" }),
+                    branch.name),
+                React.createElement("div", { className: "sps-side-nav__link-tag", style: { marginTop: "-2px" } }, branch.tag && (React.createElement("span", { className: "sps-tag sps-tag--" + branch.tag }, branch.tagContent)))),
+            branch.subNavItems
+                && isBranchExpanded
+                && branch.subNavItems.map(function (subNav) {
+                    var _a;
+                    return (React.createElement(SpsSideNavBranch, { branch: __assign(__assign({}, subNav), { expanded: findParentBranches(subNav.subNavItems, activeBranch) }), setActiveBranch: setActiveBranch, activeBranch: activeBranch, key: (_a = subNav.key) !== null && _a !== void 0 ? _a : subNav.name }));
+                }))));
+};
+//# sourceMappingURL=SpsSideNavBranch.js.map

package/dist/out-tsc/side-nav/SpsSideNavBranch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSideNavBranch.js","sourceRoot":"","sources":["../../../src/side-nav/SpsSideNavBranch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0FAA0F;AAC1F,oCAAoC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,CAAC,IAAM,gBAAgB,GAAoC,UAAC,EAIjE;QAHC,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,YAAY,kBAAA;IAEN,IAAA,KAAA,OAA0C,QAAQ,CACtD,MAAM,CAAC,QAAQ,IAAI,KAAK,CACzB,IAAA,EAFM,gBAAgB,QAAA,EAAE,mBAAmB,QAE3C,CAAC;IAEF,OAAO,CACL,4BACE,SAAS,EAAE,IAAI,CACb,sBAAsB,EACtB,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,8BAA8B,CAC/D;QAED,4BACE,SAAS,EAAE,IAAI,CACb,oBAAoB,EACpB,MAAM,CAAC,IAAI,KAAK,YAAY,IAAI,4BAA4B,CAC7D;YAED,8BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE;oBACP,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;oBACvC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;wBACvB,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;qBAC1C;gBACH,CAAC,EACD,SAAS,EAAE,UAAC,KAAK;oBACf,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;wBAC9C,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;wBACvC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE;4BACvB,eAAe,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;yBAC1C;qBACF;gBACH,CAAC,EACD,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,mBACI,MAAM,CAAC,IAAI,KAAK,YAAY;gBAE1C,MAAM,CAAC,WAAW,IAAI,CACrB,2BACE,SAAS,EAAE,IAAI,CACb,+BAA+B,EAC/B,gBAAgB;wBACd,CAAC,CAAC,uBAAuB;wBACzB,CAAC,CAAC,wBAAwB,CAC7B,GACD,CACH;gBACD,8BAAM,SAAS,EAAC,0BAA0B;oBACvC,MAAM,CAAC,IAAI,IAAI,2BAAG,SAAS,EAAE,uBAAqB,MAAM,CAAC,IAAI,UAAO,GAAI;oBACxE,MAAM,CAAC,IAAI,CACP;gBACP,6BACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAE3B,MAAM,CAAC,GAAG,IAAI,CACb,8BACE,SAAS,EAAE,sBAAoB,MAAM,CAAC,GAAK,IAE1C,MAAM,CAAC,UAAU,CACb,CACR,CACG,CACD;YACN,MAAM,CAAC,WAAW;mBACJ,gBAAgB;mBAChB,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,UAAC,MAAmB;;oBAAK,OAAA,CACjD,oBAAC,gBAAgB,IACf,MAAM,wBACD,MAAM,KACT,QAAQ,EAAE,kBAAkB,CAC1B,MAAM,CAAC,WAAW,EAClB,YAAY,CACb,KAEH,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,GAAG,EAAE,MAAA,MAAM,CAAC,GAAG,mCAAI,MAAM,CAAC,IAAI,GAC9B,CACH,CAAA;iBAAA,CAAC,CACX,CACF,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/out-tsc/side-nav/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsSideNav";
+export * from "./SpsSideNav.examples";

package/dist/out-tsc/side-nav/index.js

@@ -0,0 +1,3 @@
+export * from "./SpsSideNav";
+export * from "./SpsSideNav.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/side-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/side-nav/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC"}

package/dist/out-tsc/slack-link/SpsSlackLink.d.ts

@@ -0,0 +1,11 @@
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    channelId: PropTypes.Validator<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsSlackLinkProps = PropTypes.InferTS<typeof propTypes, HTMLAnchorElement>;
+export declare function SpsSlackLink(props: SpsSlackLinkProps): JSX.Element;
+export {};

package/dist/out-tsc/slack-link/SpsSlackLink.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsSlackLinkExamples: DSReactExamples;

package/dist/out-tsc/slack-link/SpsSlackLink.examples.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsSlackLinkExamples = {
+    basic: {
+        examples: {
+            basic: {
+                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    function DemoComponent() {\n                        return (\n                            <SpsProductBar productName=\"My Product\"\n                                productLogoSrc=\"https://cdn.prod.spsc.io/web/framework/assets/17.08.01/icons/cube/cube.svg\"\n                                tabs={[\"Foo\", \"Bar\", \"Baz\"]}\n                                activeTab=\"Bar\"\n                                fullWidth\n                                style={{ position: \"relative\" }} // display this example in its place instead of at the top\n                            ><SpsSlackLink channelId=\"CELEGDK4Y\" /></SpsProductBar>\n                        );\n                    }\n                "], ["\n                    function DemoComponent() {\n                        return (\n                            <SpsProductBar productName=\"My Product\"\n                                productLogoSrc=\"https://cdn.prod.spsc.io/web/framework/assets/17.08.01/icons/cube/cube.svg\"\n                                tabs={[\"Foo\", \"Bar\", \"Baz\"]}\n                                activeTab=\"Bar\"\n                                fullWidth\n                                style={{ position: \"relative\" }} // display this example in its place instead of at the top\n                            ><SpsSlackLink channelId=\"CELEGDK4Y\" /></SpsProductBar>\n                        );\n                    }\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1;
+//# sourceMappingURL=SpsSlackLink.examples.js.map

package/dist/out-tsc/slack-link/SpsSlackLink.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSlackLink.examples.js","sourceRoot":"","sources":["../../../src/slack-link/SpsSlackLink.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,oBAAoB,GAAoB;IACnD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,0xBAAA,utBAYF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/slack-link/SpsSlackLink.js

@@ -0,0 +1,45 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+import { I18nContext } from "../i18n";
+var propsDoc = {
+    channelId: { type: "string", required: true },
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { channelId: PropTypes.string.isRequired });
+export function SpsSlackLink(props) {
+    var channelId = props.channelId, className = props.className, unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["channelId", "className", "unsafelyReplaceClassName"]);
+    var t = React.useContext(I18nContext).t;
+    var classes = clsx(unsafelyReplaceClassName || "sps-slack-link", className);
+    return (React.createElement("a", __assign({ className: classes, target: "_blank", rel: "noreferrer", href: "https://spscommerce.slack.com/archives/" + channelId }, rest),
+        React.createElement("i", { className: "sps-icon sps-icon-" + SpsIcon.CONVERSATION, "aria-hidden": "true" }),
+        React.createElement("span", null, t("design-system:slackLink.label"))));
+}
+Object.assign(SpsSlackLink, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsSlackLink",
+});
+//# sourceMappingURL=SpsSlackLink.js.map

package/dist/out-tsc/slack-link/SpsSlackLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSlackLink.js","sourceRoot":"","sources":["../../../src/slack-link/SpsSlackLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,IAAM,QAAQ,GAAG;IACf,SAAS,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;CAC9C,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU,GACvC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IAEjD,IAAA,SAAS,GAIP,KAAK,UAJE,EACT,SAAS,GAGP,KAAK,UAHE,EACT,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EALH,sDAKL,CADQ,CACC;IAEF,IAAA,CAAC,GAAK,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAlC,CAAmC;IAE5C,IAAM,OAAO,GAAG,IAAI,CAClB,wBAAwB,IAAI,gBAAgB,EAC5C,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oCACE,SAAS,EAAE,OAAO,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,IAAI,EAAE,4CAA0C,SAAW,IACvD,IAAI;QAER,2BAAG,SAAS,EAAE,uBAAqB,OAAO,CAAC,YAAc,iBAAc,MAAM,GAAG;QAChF,kCAAO,CAAC,CAAC,+BAA+B,CAAC,CAAQ,CAC/C,CACL,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAC1B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,cAAc;CAC5B,CAAC,CAAC"}

package/dist/out-tsc/slack-link/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsSlackLink";
+export * from "./SpsSlackLink.examples";

package/dist/out-tsc/slack-link/index.js

@@ -0,0 +1,3 @@
+export * from "./SpsSlackLink";
+export * from "./SpsSlackLink.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/slack-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/slack-link/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC"}

package/dist/out-tsc/sorting-header/SpsSortingHeader.d.ts

@@ -0,0 +1,13 @@
+import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    sort: PropTypes.Requireable<SortedColumn[]>;
+    onSortChange: PropTypes.Requireable<SortChangeHandler>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsSortingHeaderProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsSortingHeader({ className, "data-testid": testId, unsafelyReplaceClassName, sort, onSortChange, children, ...rest }: SpsSortingHeaderProps): JSX.Element;
+export {};

package/dist/out-tsc/sorting-header/SpsSortingHeader.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsSortingHeaderExamples: DSReactExamples;

package/dist/out-tsc/sorting-header/SpsSortingHeader.examples.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsSortingHeaderExamples = {
+    basic: {
+        label: "Basic Sorting Header",
+        examples: {
+            basic: {
+                react: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                function DemoComponent() {\n                    const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);\n            \n                    const items = React.useMemo(() => [\n                        {\n                            id: '9712323',\n                            type: '850',\n                            timestamp: 'July 21, 2021 @ 4:40 PM'\n                        },\n                        {\n                            id: '8712378',\n                            type: '810',\n                            timestamp: 'May 24, 2021 @ 4:39 PM'\n                        },\n                        {\n                            id: '8912389',\n                            type: '850',\n                            timestamp: 'May 23, 2021 @ 4:38 PM'\n                        }\n                    ].sort((a, b) => {\n                        if (!sort.length) {\n                            return 0;\n                        }\n\n                        const [{ key, direction }] = sort;\n                        if (a[key] < b[key]) {\n                            return direction === SortDirection.ASCENDING ? -1 : 1;\n                        } else if (a[key] > b[key]) {\n                            return direction === SortDirection.ASCENDING ? 1 : -1;\n                        } else {\n                            return 0;\n                        }\n                    }), [sort]);\n\n                    return (\n                      <>\n                        <SpsSortingHeader sort={sort} onSortChange={setSort} className=\"mb-2\">\n                            <SpsSortingHeaderCell sortKey='id'>ID</SpsSortingHeaderCell>\n                            <SpsSortingHeaderCell sortKey='type'>Type</SpsSortingHeaderCell>\n                            <SpsSortingHeaderCell sortKey='timestamp' widthPx={150}>Timestamp</SpsSortingHeaderCell>\n                        </SpsSortingHeader>\n\n                        <pre>{JSON.stringify(items, undefined, 2)}</pre>\n                      </>\n                    )\n                  }\n                "], ["\n                function DemoComponent() {\n                    const [sort, setSort] = React.useState([{ key: 'id', direction: SortDirection.DESCENDING }]);\n            \n                    const items = React.useMemo(() => [\n                        {\n                            id: '9712323',\n                            type: '850',\n                            timestamp: 'July 21, 2021 @ 4:40 PM'\n                        },\n                        {\n                            id: '8712378',\n                            type: '810',\n                            timestamp: 'May 24, 2021 @ 4:39 PM'\n                        },\n                        {\n                            id: '8912389',\n                            type: '850',\n                            timestamp: 'May 23, 2021 @ 4:38 PM'\n                        }\n                    ].sort((a, b) => {\n                        if (!sort.length) {\n                            return 0;\n                        }\n\n                        const [{ key, direction }] = sort;\n                        if (a[key] < b[key]) {\n                            return direction === SortDirection.ASCENDING ? -1 : 1;\n                        } else if (a[key] > b[key]) {\n                            return direction === SortDirection.ASCENDING ? 1 : -1;\n                        } else {\n                            return 0;\n                        }\n                    }), [sort]);\n\n                    return (\n                      <>\n                        <SpsSortingHeader sort={sort} onSortChange={setSort} className=\"mb-2\">\n                            <SpsSortingHeaderCell sortKey='id'>ID</SpsSortingHeaderCell>\n                            <SpsSortingHeaderCell sortKey='type'>Type</SpsSortingHeaderCell>\n                            <SpsSortingHeaderCell sortKey='timestamp' widthPx={150}>Timestamp</SpsSortingHeaderCell>\n                        </SpsSortingHeader>\n\n                        <pre>{JSON.stringify(items, undefined, 2)}</pre>\n                      </>\n                    )\n                  }\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1;
+//# sourceMappingURL=SpsSortingHeader.examples.js.map

package/dist/out-tsc/sorting-header/SpsSortingHeader.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSortingHeader.examples.js","sourceRoot":"","sources":["../../../src/sorting-header/SpsSortingHeader.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,wBAAwB,GAAoB;IACvD,KAAK,EAAE;QACL,KAAK,EAAE,sBAAsB;QAC7B,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,2pEAAA,wlEA+CF,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/sorting-header/SpsSortingHeader.js

@@ -0,0 +1,51 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { SpsSortingHeaderCell } from "./SpsSortingHeaderCell";
+var propsDoc = {
+    sort: "SortedColumn[]",
+    onSortChange: "SortChangeHandler",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { sort: PropTypes.arrayOf(PropTypes.impl()), onSortChange: PropTypes.fun() });
+export function SpsSortingHeader(_a) {
+    var className = _a.className, testId = _a["data-testid"], unsafelyReplaceClassName = _a.unsafelyReplaceClassName, sort = _a.sort, onSortChange = _a.onSortChange, children = _a.children, rest = __rest(_a, ["className", "data-testid", "unsafelyReplaceClassName", "sort", "onSortChange", "children"]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-sorting-header", className);
+    var newProps = {
+        sort: sort,
+        onSortChange: onSortChange,
+    };
+    return (React.createElement("div", __assign({ className: classes }, rest), React.Children.map(children, function (child) {
+        if (child && React.isValidElement(child) && child.type === SpsSortingHeaderCell) {
+            return React.cloneElement(child, newProps);
+        }
+        return child;
+    })));
+}
+Object.assign(SpsSortingHeader, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsSortingHeader",
+});
+//# sourceMappingURL=SpsSortingHeader.js.map

package/dist/out-tsc/sorting-header/SpsSortingHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSortingHeader.js","sourceRoot":"","sources":["../../../src/sorting-header/SpsSortingHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,IAAM,QAAQ,GAAG;IACf,IAAI,EAAE,gBAAgB;IACtB,YAAY,EAAE,mBAAmB;CAClC,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,IAAI,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAgB,CAAC,EACvD,YAAY,EAAE,SAAS,CAAC,GAAG,EAAqB,GACjD,CAAC;AAIF,MAAM,UAAU,gBAAgB,CAAC,EAQT;IAPtB,IAAA,SAAS,eAAA,EACM,MAAM,oBAAA,EACrB,wBAAwB,8BAAA,EACxB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,IAAI,cAPwB,4FAQhC,CADQ;IAEP,IAAM,OAAO,GAAG,IAAI,CAAC,wBAAwB,IAAI,oBAAoB,EAAE,SAAS,CAAC,CAAC;IAElF,IAAM,QAAQ,GAAG;QACf,IAAI,MAAA;QACJ,YAAY,cAAA;KACb,CAAC;IAEF,OAAO,CACL,sCAAK,SAAS,EAAE,OAAO,IAAM,IAAI,GAC9B,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAClC,IAAI,KAAK,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,oBAAoB,EAAE;YAC/E,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;SAC5C;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE;IAC9B,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,kBAAkB;CAChC,CAAC,CAAC"}

package/dist/out-tsc/sorting-header/SpsSortingHeaderCell.d.ts

@@ -0,0 +1,17 @@
+import type { SortChangeHandler, SortedColumn } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+    sortKey: PropTypes.Requireable<string>;
+    sortDisabled: PropTypes.Requireable<boolean>;
+    sort: PropTypes.Requireable<SortedColumn[]>;
+    onSortChange: PropTypes.Requireable<SortChangeHandler>;
+    widthPx: PropTypes.Requireable<number>;
+    widthRem: PropTypes.Requireable<number>;
+};
+export declare type SpsSortingHeaderCellProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsSortingHeaderCell({ className, "data-testid": testId, unsafelyReplaceClassName, sortKey, sort, sortDisabled, onSortChange, onClick, children, widthPx, widthRem, style, ...rest }: SpsSortingHeaderCellProps): JSX.Element;
+export {};

package/dist/out-tsc/sorting-header/SpsSortingHeaderCell.js

@@ -0,0 +1,71 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import clsx from "clsx";
+import * as React from "react";
+import { SortDirection } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+var propsDoc = {
+    sortKey: "string",
+    sortDisabled: "boolean",
+    sort: "SortedColumn[]",
+    onSortChange: "SortChangeHandler",
+    widthPx: "number",
+    widthRem: "number",
+};
+var propTypes = __assign({ sortKey: PropTypes.string, sortDisabled: PropTypes.bool, sort: PropTypes.arrayOf(PropTypes.impl()), onSortChange: PropTypes.fun(), widthPx: PropTypes.number, widthRem: PropTypes.number }, PropTypes.spsGlobalPropTypes);
+export function SpsSortingHeaderCell(_a) {
+    var className = _a.className, testId = _a["data-testid"], unsafelyReplaceClassName = _a.unsafelyReplaceClassName, sortKey = _a.sortKey, sort = _a.sort, sortDisabled = _a.sortDisabled, onSortChange = _a.onSortChange, onClick = _a.onClick, children = _a.children, widthPx = _a.widthPx, widthRem = _a.widthRem, style = _a.style, rest = __rest(_a, ["className", "data-testid", "unsafelyReplaceClassName", "sortKey", "sort", "sortDisabled", "onSortChange", "onClick", "children", "widthPx", "widthRem", "style"]);
+    var sortDirection = React.useMemo(function () {
+        var sortDefinition = !!sortKey
+            && !sortDisabled
+            && Array.isArray(sort)
+            && sort.find(function (s) { return s.key === sortKey; });
+        return sortDefinition ? sortDefinition.direction : undefined;
+    }, [sort,
+        sortKey,
+        sortDisabled]);
+    var classes = clsx(unsafelyReplaceClassName || "sps-sorting-header__cell", sortDirection === SortDirection.ASCENDING && "sps-sorting-header__cell--sorted-asc", sortDirection === SortDirection.DESCENDING && "sps-sorting-header__cell--sorted-desc", sortDisabled && "sps-sorting-header__cell--sort-disabled", className);
+    var width = widthPx ? widthPx / 16 : widthRem;
+    var inlineStyles = width ? __assign(__assign({}, style), { width: width + "rem" }) : style;
+    return (React.createElement("div", __assign({ className: classes, onClick: function (e) {
+            if (sortKey && !sortDisabled) {
+                onSortChange([
+                    {
+                        key: sortKey,
+                        direction: sortDirection === SortDirection.ASCENDING
+                            ? SortDirection.DESCENDING
+                            : SortDirection.ASCENDING,
+                    },
+                ]);
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        }, "data-testid": testId, style: inlineStyles }, rest), children));
+}
+Object.assign(SpsSortingHeaderCell, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsSortingHeaderCell",
+});
+//# sourceMappingURL=SpsSortingHeaderCell.js.map

package/dist/out-tsc/sorting-header/SpsSortingHeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSortingHeaderCell.js","sourceRoot":"","sources":["../../../src/sorting-header/SpsSortingHeaderCell.tsx"],"names":[],"mappings":"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"}

package/dist/out-tsc/sorting-header/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SpsSortingHeader";
+export * from "./SpsSortingHeaderCell";
+export * from "./SpsSortingHeader.examples";

package/dist/out-tsc/sorting-header/index.js

@@ -0,0 +1,4 @@
+export * from "./SpsSortingHeader";
+export * from "./SpsSortingHeaderCell";
+export * from "./SpsSortingHeader.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/sorting-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sorting-header/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC"}

package/dist/out-tsc/spinner/SpsSpinner.d.ts

@@ -0,0 +1,14 @@
+import { SpinnerSize } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    alt: PropTypes.Requireable<string>;
+    size: PropTypes.Requireable<SpinnerSize>;
+    title: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsSpinnerProps = PropTypes.InferTS<typeof propTypes, HTMLElement>;
+export declare function SpsSpinner(props: SpsSpinnerProps): JSX.Element;
+export {};

package/dist/out-tsc/spinner/SpsSpinner.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsSpinnerExamples: DSReactExamples;

package/dist/out-tsc/spinner/SpsSpinner.examples.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsSpinnerExamples = {
+    basic: {
+        examples: {
+            small: {
+                jsx: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    <React.Fragment>\n                        <SpsSpinner size=\"small\"/>\n                        <SpsSpinner size={SpinnerSize.SMALL}/>\n                    </React.Fragment>\n                "], ["\n                    <React.Fragment>\n                        <SpsSpinner size=\"small\"/>\n                        <SpsSpinner size={SpinnerSize.SMALL}/>\n                    </React.Fragment>\n                "]))),
+            },
+            medium: {
+                jsx: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n                    <React.Fragment>\n                        <SpsSpinner />\n                        <SpsSpinner size=\"medium\" title=\"Please wait\u2026\"/>\n                        <SpsSpinner size={SpinnerSize.MEDIUM}/>\n                    </React.Fragment>\n                "], ["\n                    <React.Fragment>\n                        <SpsSpinner />\n                        <SpsSpinner size=\"medium\" title=\"Please wait\u2026\"/>\n                        <SpsSpinner size={SpinnerSize.MEDIUM}/>\n                    </React.Fragment>\n                "]))),
+            },
+            large: {
+                jsx: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    <React.Fragment>\n                        <SpsSpinner size=\"large\"/>\n                        <SpsSpinner size={SpinnerSize.LARGE} alt=\"Loading content\u2026\"/>\n                    </React.Fragment>\n                "], ["\n                    <React.Fragment>\n                        <SpsSpinner size=\"large\"/>\n                        <SpsSpinner size={SpinnerSize.LARGE} alt=\"Loading content\u2026\"/>\n                    </React.Fragment>\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=SpsSpinner.examples.js.map

package/dist/out-tsc/spinner/SpsSpinner.examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSpinner.examples.js","sourceRoot":"","sources":["../../../src/spinner/SpsSpinner.examples.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C,MAAM,CAAC,IAAM,kBAAkB,GAAoB;IACjD,KAAK,EAAE;QACL,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,0RAAA,uNAKA,IAAA;aACV;YACD,MAAM,EAAE;gBACN,GAAG,EAAE,IAAI,gWAAA,6RAMA,IAAA;aACV;YACD,KAAK,EAAE;gBACL,GAAG,EAAE,IAAI,wTAAA,qPAKA,IAAA;aACV;SACF;KACF;CACF,CAAC"}

package/dist/out-tsc/spinner/SpsSpinner.js

@@ -0,0 +1,46 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { SpinnerSize } from "@spscommerce/ds-shared";
+import clsx from "clsx";
+import * as React from "react";
+import * as PropTypes from "../prop-types";
+import { I18nContext } from "../i18n";
+var propsDoc = {
+    alt: "string",
+    size: "SpinnerSize",
+    title: "string",
+};
+var propTypes = __assign(__assign({}, PropTypes.spsGlobalPropTypes), { alt: PropTypes.string, size: PropTypes.enumValue(SpinnerSize), title: PropTypes.string });
+export function SpsSpinner(props) {
+    var alt = props.alt, className = props.className, _a = props.size, size = _a === void 0 ? SpinnerSize.MEDIUM : _a, testId = props["data-testid"], title = props.title, unsafelyReplaceClassName = props.unsafelyReplaceClassName, rest = __rest(props, ["alt", "className", "size", "data-testid", "title", "unsafelyReplaceClassName"]);
+    var t = React.useContext(I18nContext).t;
+    var altText = alt || title || t("design-system:spinner.defaultAltText");
+    var spinnerClasses = clsx(unsafelyReplaceClassName || "sps-spinner", "sps-spinner--" + size, className);
+    return (React.createElement("i", __assign({ className: spinnerClasses, "data-testid": testId, title: altText }, rest)));
+}
+Object.assign(SpsSpinner, {
+    props: propsDoc,
+    propTypes: propTypes,
+    displayName: "SpsSpinner",
+});
+//# sourceMappingURL=SpsSpinner.js.map

package/dist/out-tsc/spinner/SpsSpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpsSpinner.js","sourceRoot":"","sources":["../../../src/spinner/SpsSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,SAAS,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,IAAM,QAAQ,GAAG;IACf,GAAG,EAAE,QAAQ;IACb,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,QAAQ;CAChB,CAAC;AAEF,IAAM,SAAS,yBACV,SAAS,CAAC,kBAAkB,KAC/B,GAAG,EAAE,SAAS,CAAC,MAAM,EACrB,IAAI,EAAE,SAAS,CAAC,SAAS,CAAc,WAAW,CAAC,EACnD,KAAK,EAAE,SAAS,CAAC,MAAM,GACxB,CAAC;AAIF,MAAM,UAAU,UAAU,CAAC,KAAsB;IAE7C,IAAA,GAAG,GAOD,KAAK,IAPJ,EACH,SAAS,GAMP,KAAK,UANE,EACT,KAKE,KAAK,KALkB,EAAzB,IAAI,mBAAG,WAAW,CAAC,MAAM,KAAA,EACV,MAAM,GAInB,KAAK,eAJc,EACrB,KAAK,GAGH,KAAK,MAHF,EACL,wBAAwB,GAEtB,KAAK,yBAFiB,EACrB,IAAI,UACL,KAAK,EARH,gFAQL,CADQ,CACC;IAEF,IAAA,CAAC,GAAK,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,EAAlC,CAAmC;IAE5C,IAAM,OAAO,GAAG,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,sCAAsC,CAAC,CAAC;IAE1E,IAAM,cAAc,GAAG,IAAI,CACzB,wBAAwB,IAAI,aAAa,EACzC,kBAAgB,IAAM,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oCAAG,SAAS,EAAE,cAAc,iBAAe,MAAM,EAAE,KAAK,EAAE,OAAO,IAAM,IAAI,EAAI,CAChF,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;IACxB,KAAK,EAAE,QAAQ;IACf,SAAS,WAAA;IACT,WAAW,EAAE,YAAY;CAC1B,CAAC,CAAC"}

package/dist/out-tsc/spinner/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpsSpinner";
+export * from "./SpsSpinner.examples";

package/dist/out-tsc/spinner/index.js

@@ -0,0 +1,3 @@
+export * from "./SpsSpinner";
+export * from "./SpsSpinner.examples";
+//# sourceMappingURL=index.js.map

package/dist/out-tsc/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/spinner/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC"}

package/dist/out-tsc/split-button/SpsSplitButton.d.ts

@@ -0,0 +1,18 @@
+import type { SpsActionDescriptor, SpsActionMethod } from "@spscommerce/ds-shared";
+import { StdButtonKind, SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    disabled: PropTypes.Requireable<boolean>;
+    href: PropTypes.Requireable<string>;
+    label: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<SpsIcon>;
+    kind: PropTypes.Requireable<StdButtonKind>;
+    options: PropTypes.Requireable<(SpsActionMethod | [SpsActionDescriptor, () => void])[]>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsSplitButtonProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsSplitButton(props: SpsSplitButtonProps): JSX.Element;
+export {};

package/dist/out-tsc/split-button/SpsSplitButton.examples.d.ts

@@ -0,0 +1,2 @@
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsSplitButtonExamples: DSReactExamples;

package/dist/out-tsc/split-button/SpsSplitButton.examples.js

@@ -0,0 +1,39 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { code } from "@spscommerce/utils";
+export var SpsSplitButtonExamples = {
+    kinds: {
+        label: "Regular Split Buttons",
+        description: code(templateObject_1 || (templateObject_1 = __makeTemplateObject(["<p>info about split buttons</p>"], ["<p>info about split buttons</p>"]))),
+        examples: {
+            basic: {
+                description: code(templateObject_2 || (templateObject_2 = __makeTemplateObject(["<p>Basic</p>"], ["<p>Basic</p>"]))),
+                jsx: code(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n                    <React.Fragment>\n                        <SpsSplitButton id=\"withIcon\" label=\"Default Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"confirm\" label=\"Confirm Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"key\" label=\"Key Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"delete\" label=\"Delete Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                    </React.Fragment>\n                "], ["\n                    <React.Fragment>\n                        <SpsSplitButton id=\"withIcon\" label=\"Default Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"confirm\" label=\"Confirm Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"key\" label=\"Key Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton kind=\"delete\" label=\"Delete Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                    </React.Fragment>\n                "]))),
+            },
+        },
+    },
+    withIcons: {
+        label: "Split Buttons with Icons",
+        description: code(templateObject_4 || (templateObject_4 = __makeTemplateObject(["<p>info about icon split buttons</p>"], ["<p>info about icon split buttons</p>"]))),
+        examples: {
+            withIcons: {
+                description: code(templateObject_5 || (templateObject_5 = __makeTemplateObject(["<p>With Icons</p>"], ["<p>With Icons</p>"]))),
+                react: code(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n                    function SpsSplitButtonWithIcon(props) {\n                        function alert1() {\n                            window.alert(\"Button clicked\");\n                        }\n                        return (\n                            <React.Fragment>\n                                <SpsSplitButton id=\"withIcon\" icon=\"drill\" label=\"Default Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"rocket\" kind=\"confirm\" label=\"Confirm Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"key\" kind=\"key\" label=\"Key Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"trash\" kind=\"delete\" onClick={alert1} label=\"Delete Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                            </React.Fragment>\n                        );\n                    }\n                "], ["\n                    function SpsSplitButtonWithIcon(props) {\n                        function alert1() {\n                            window.alert(\"Button clicked\");\n                        }\n                        return (\n                            <React.Fragment>\n                                <SpsSplitButton id=\"withIcon\" icon=\"drill\" label=\"Default Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"rocket\" kind=\"confirm\" label=\"Confirm Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"key\" kind=\"key\" label=\"Key Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                                <SpsSplitButton icon=\"trash\" kind=\"delete\" onClick={alert1} label=\"Delete Button\"\n                                    options={[\n                                        [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                                    ]} className=\"mr-1\">\n                                </SpsSplitButton>\n                            </React.Fragment>\n                        );\n                    }\n                "]))),
+            },
+        },
+    },
+    disabled: {
+        label: "Disabled Split Buttons",
+        description: code(templateObject_7 || (templateObject_7 = __makeTemplateObject(["<p>info about disabled split buttons</p>"], ["<p>info about disabled split buttons</p>"]))),
+        examples: {
+            disabled: {
+                description: code(templateObject_8 || (templateObject_8 = __makeTemplateObject(["<p>Disabled</p>"], ["<p>Disabled</p>"]))),
+                jsx: code(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n                    <React.Fragment>\n                        <SpsSplitButton disabled id=\"disabled\" kind=\"key\" label=\"Disabled Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton disabled kind=\"key\" icon=\"drill\" label=\"Disabled Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                    </React.Fragment>\n                "], ["\n                    <React.Fragment>\n                        <SpsSplitButton disabled id=\"disabled\" kind=\"key\" label=\"Disabled Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                        <SpsSplitButton disabled kind=\"key\" icon=\"drill\" label=\"Disabled Button\"\n                            options={[\n                                [{ label: \"Option A\" }, () => console.log(\"Option A\")]\n                            ]} className=\"mr-1\">\n                        </SpsSplitButton>\n                    </React.Fragment>\n                "]))),
+            },
+        },
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
+//# sourceMappingURL=SpsSplitButton.examples.js.map