@xyo-network/react-shared 2.64.0-rc.3 → 2.64.0-rc.4

package/dist/node/components/LoadResult.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LoadResult_exports = {};
+__export(LoadResult_exports, {
+  LoadResult: () => LoadResult
+});
+module.exports = __toCommonJS(LoadResult_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_NotFound = require("./NotFound");
+function LoadResult(props) {
+  const { notFound, error, searchResult, children } = props;
+  if (notFound) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NotFound.NotFound, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+  if (searchResult === void 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_flexbox.FlexGrowRow, { busy: true, minHeight: "50px" });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  LoadResult
+});
+//# sourceMappingURL=LoadResult.js.map

package/dist/node/components/LoadResult.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LoadResult.tsx"],"sourcesContent":["import { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { PropsWithChildren } from 'react'\n\nimport { NotFound } from './NotFound'\n\nexport interface LoadResultProps<T> {\n  /** @deprecated - use error prop */\n  apiError?: Error\n  /** Defer error handling to the children and load them */\n  error?: boolean\n  notFound: boolean\n  searchResult: T | undefined\n}\n\nexport function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>) {\n  const { notFound, error, searchResult, children } = props\n  if (notFound) {\n    return <NotFound />\n  }\n  if (error) {\n    return <>{children}</>\n  }\n  if (searchResult === undefined) {\n    return <FlexGrowRow busy minHeight=\"50px\" />\n  } else {\n    return <>{children}</>\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBW;AAjBX,2BAA4B;AAG5B,sBAAyB;AAWlB,SAAS,WAAc,OAA8C;AAC1E,QAAM,EAAE,UAAU,OAAO,cAAc,SAAS,IAAI;AACpD,MAAI,UAAU;AACZ,WAAO,4CAAC,4BAAS;AAAA,EACnB;AACA,MAAI,OAAO;AACT,WAAO,2EAAG,UAAS;AAAA,EACrB;AACA,MAAI,iBAAiB,QAAW;AAC9B,WAAO,4CAAC,oCAAY,MAAI,MAAC,WAAU,QAAO;AAAA,EAC5C,OAAO;AACL,WAAO,2EAAG,UAAS;AAAA,EACrB;AACF;","names":[]}

package/dist/node/components/LoadResult.mjs

@@ -0,0 +1,21 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { FlexGrowRow } from "@xylabs/react-flexbox";
+import { NotFound } from "./NotFound";
+function LoadResult(props) {
+  const { notFound, error, searchResult, children } = props;
+  if (notFound) {
+    return /* @__PURE__ */ jsx(NotFound, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (searchResult === void 0) {
+    return /* @__PURE__ */ jsx(FlexGrowRow, { busy: true, minHeight: "50px" });
+  } else {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+}
+export {
+  LoadResult
+};
+//# sourceMappingURL=LoadResult.mjs.map

package/dist/node/components/LoadResult.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LoadResult.tsx"],"sourcesContent":["import { FlexGrowRow } from '@xylabs/react-flexbox'\nimport { PropsWithChildren } from 'react'\n\nimport { NotFound } from './NotFound'\n\nexport interface LoadResultProps<T> {\n  /** @deprecated - use error prop */\n  apiError?: Error\n  /** Defer error handling to the children and load them */\n  error?: boolean\n  notFound: boolean\n  searchResult: T | undefined\n}\n\nexport function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>) {\n  const { notFound, error, searchResult, children } = props\n  if (notFound) {\n    return <NotFound />\n  }\n  if (error) {\n    return <>{children}</>\n  }\n  if (searchResult === undefined) {\n    return <FlexGrowRow busy minHeight=\"50px\" />\n  } else {\n    return <>{children}</>\n  }\n}\n"],"mappings":"AAiBW,SAGA,UAHA;AAjBX,SAAS,mBAAmB;AAG5B,SAAS,gBAAgB;AAWlB,SAAS,WAAc,OAA8C;AAC1E,QAAM,EAAE,UAAU,OAAO,cAAc,SAAS,IAAI;AACpD,MAAI,UAAU;AACZ,WAAO,oBAAC,YAAS;AAAA,EACnB;AACA,MAAI,OAAO;AACT,WAAO,gCAAG,UAAS;AAAA,EACrB;AACA,MAAI,iBAAiB,QAAW;AAC9B,WAAO,oBAAC,eAAY,MAAI,MAAC,WAAU,QAAO;AAAA,EAC5C,OAAO;AACL,WAAO,gCAAG,UAAS;AAAA,EACrB;AACF;","names":[]}

package/dist/node/components/LoadResult.stories.js

@@ -0,0 +1,59 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LoadResult_stories_exports = {};
+__export(LoadResult_stories_exports, {
+  ApiError: () => ApiError,
+  Default: () => Default,
+  NotFound: () => NotFound,
+  SearchResult: () => SearchResult,
+  default: () => LoadResult_stories_default
+});
+module.exports = __toCommonJS(LoadResult_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_LoadResult = require("./LoadResult");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_LoadResult.LoadResult,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "webapp/LoadResult"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LoadResult.LoadResult, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const NotFound = Template.bind({});
+NotFound.args = { notFound: true };
+const ApiError = Template.bind({});
+ApiError.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Shown in case of error" }), error: true };
+const SearchResult = Template.bind({});
+SearchResult.args = { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { children: "Shown when there is a valid result" }), searchResult: "foo" };
+var LoadResult_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApiError,
+  Default,
+  NotFound,
+  SearchResult
+});
+//# sourceMappingURL=LoadResult.stories.js.map

package/dist/node/components/LoadResult.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LoadResult.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Meta, StoryFn } from '@storybook/react'\n\nimport { LoadResult } from './LoadResult'\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: LoadResult,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/LoadResult',\n}\n\nconst Template: StoryFn<typeof LoadResult> = (props) => {\n  return <LoadResult {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst NotFound = Template.bind({})\nNotFound.args = { notFound: true }\n\nconst ApiError = Template.bind({})\nApiError.args = { children: <h1>Shown in case of error</h1>, error: true }\n\nconst SearchResult = Template.bind({})\nSearchResult.args = { children: <h1>Shown when there is a valid result</h1>, searchResult: 'foo' }\n\nexport { ApiError, Default, NotFound, SearchResult }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBS;AAdT,wBAA2B;AAE3B,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,UAAU;AACtD,SAAO,4CAAC,gCAAY,GAAG,OAAO;AAChC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO,EAAE,UAAU,KAAK;AAEjC,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO,EAAE,UAAU,4CAAC,QAAG,oCAAsB,GAAO,OAAO,KAAK;AAEzE,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,UAAU,4CAAC,QAAG,gDAAkC,GAAO,cAAc,MAAM;AAKjG,IAAO,6BAAQ;","names":[]}

package/dist/node/components/LoadResult.stories.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { LoadResult } from "./LoadResult";
+const StorybookEntry = {
+  argTypes: {},
+  component: LoadResult,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "webapp/LoadResult"
+};
+const Template = (props) => {
+  return /* @__PURE__ */ jsx(LoadResult, { ...props });
+};
+const Default = Template.bind({});
+Default.args = {};
+const NotFound = Template.bind({});
+NotFound.args = { notFound: true };
+const ApiError = Template.bind({});
+ApiError.args = { children: /* @__PURE__ */ jsx("h1", { children: "Shown in case of error" }), error: true };
+const SearchResult = Template.bind({});
+SearchResult.args = { children: /* @__PURE__ */ jsx("h1", { children: "Shown when there is a valid result" }), searchResult: "foo" };
+var LoadResult_stories_default = StorybookEntry;
+export {
+  ApiError,
+  Default,
+  NotFound,
+  SearchResult,
+  LoadResult_stories_default as default
+};
+//# sourceMappingURL=LoadResult.stories.mjs.map

package/dist/node/components/LoadResult.stories.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/LoadResult.stories.tsx"],"sourcesContent":["/* eslint-disable import/no-internal-modules */\nimport { Meta, StoryFn } from '@storybook/react'\n\nimport { LoadResult } from './LoadResult'\n\nconst StorybookEntry: Meta = {\n  argTypes: {},\n  component: LoadResult,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'webapp/LoadResult',\n}\n\nconst Template: StoryFn<typeof LoadResult> = (props) => {\n  return <LoadResult {...props} />\n}\n\nconst Default = Template.bind({})\nDefault.args = {}\n\nconst NotFound = Template.bind({})\nNotFound.args = { notFound: true }\n\nconst ApiError = Template.bind({})\nApiError.args = { children: <h1>Shown in case of error</h1>, error: true }\n\nconst SearchResult = Template.bind({})\nSearchResult.args = { children: <h1>Shown when there is a valid result</h1>, searchResult: 'foo' }\n\nexport { ApiError, Default, NotFound, SearchResult }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":"AAiBS;AAdT,SAAS,kBAAkB;AAE3B,MAAM,iBAAuB;AAAA,EAC3B,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAAuC,CAAC,UAAU;AACtD,SAAO,oBAAC,cAAY,GAAG,OAAO;AAChC;AAEA,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAEhB,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO,EAAE,UAAU,KAAK;AAEjC,MAAM,WAAW,SAAS,KAAK,CAAC,CAAC;AACjC,SAAS,OAAO,EAAE,UAAU,oBAAC,QAAG,oCAAsB,GAAO,OAAO,KAAK;AAEzE,MAAM,eAAe,SAAS,KAAK,CAAC,CAAC;AACrC,aAAa,OAAO,EAAE,UAAU,oBAAC,QAAG,gDAAkC,GAAO,cAAc,MAAM;AAKjG,IAAO,6BAAQ;","names":[]}

package/dist/node/components/NotFound.d.mts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+declare const NotFound: React.FC<FlexBoxProps>;
+export { NotFound };
+//# sourceMappingURL=NotFound.d.ts.map

package/dist/node/components/NotFound.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASpC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/node/components/NotFound.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+declare const NotFound: React.FC<FlexBoxProps>;
+export { NotFound };
+//# sourceMappingURL=NotFound.d.ts.map

package/dist/node/components/NotFound.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/NotFound.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAe,MAAM,uBAAuB,CAAA;AAEjE,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CASpC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/node/components/NotFound.js

@@ -0,0 +1,37 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var NotFound_exports = {};
+__export(NotFound_exports, {
+  NotFound: () => NotFound
+});
+module.exports = __toCommonJS(NotFound_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+const NotFound = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexGrowCol, { ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h2", children: "Sorry!" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotFound
+});
+//# sourceMappingURL=NotFound.js.map

package/dist/node/components/NotFound.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NotFound.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\n\nconst NotFound: React.FC<FlexBoxProps> = (props) => {\n  return (\n    <FlexGrowCol {...props}>\n      <Typography variant=\"h2\">Sorry!</Typography>\n      <Typography marginY={3} variant=\"body2\">\n        {\"Can't find anything here\"}\n      </Typography>\n    </FlexGrowCol>\n  )\n}\n\nexport { NotFound }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAKI;AALJ,sBAA2B;AAC3B,2BAA0C;AAE1C,MAAM,WAAmC,CAAC,UAAU;AAClD,SACE,6CAAC,oCAAa,GAAG,OACf;AAAA,gDAAC,8BAAW,SAAQ,MAAK,oBAAM;AAAA,IAC/B,4CAAC,8BAAW,SAAS,GAAG,SAAQ,SAC7B,sCACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/NotFound.mjs

@@ -0,0 +1,13 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { FlexGrowCol } from "@xylabs/react-flexbox";
+const NotFound = (props) => {
+  return /* @__PURE__ */ jsxs(FlexGrowCol, { ...props, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h2", children: "Sorry!" }),
+    /* @__PURE__ */ jsx(Typography, { marginY: 3, variant: "body2", children: "Can't find anything here" })
+  ] });
+};
+export {
+  NotFound
+};
+//# sourceMappingURL=NotFound.mjs.map

package/dist/node/components/NotFound.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/NotFound.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexBoxProps, FlexGrowCol } from '@xylabs/react-flexbox'\n\nconst NotFound: React.FC<FlexBoxProps> = (props) => {\n  return (\n    <FlexGrowCol {...props}>\n      <Typography variant=\"h2\">Sorry!</Typography>\n      <Typography marginY={3} variant=\"body2\">\n        {\"Can't find anything here\"}\n      </Typography>\n    </FlexGrowCol>\n  )\n}\n\nexport { NotFound }\n"],"mappings":"AAKI,SACE,KADF;AALJ,SAAS,kBAAkB;AAC3B,SAAuB,mBAAmB;AAE1C,MAAM,WAAmC,CAAC,UAAU;AAClD,SACE,qBAAC,eAAa,GAAG,OACf;AAAA,wBAAC,cAAW,SAAQ,MAAK,oBAAM;AAAA,IAC/B,oBAAC,cAAW,SAAS,GAAG,SAAQ,SAC7B,sCACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/node/components/Pipe.d.mts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material';
+export declare const Pipe: React.FC<TypographyProps>;
+//# sourceMappingURL=Pipe.d.ts.map

package/dist/node/components/Pipe.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pipe.d.ts","sourceRoot":"","sources":["../../../src/components/Pipe.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAM1C,CAAA"}

package/dist/node/components/Pipe.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TypographyProps } from '@mui/material';
+export declare const Pipe: React.FC<TypographyProps>;
+//# sourceMappingURL=Pipe.d.ts.map

package/dist/node/components/Pipe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pipe.d.ts","sourceRoot":"","sources":["../../../src/components/Pipe.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,eAAe,CAAA;AAE3D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAM1C,CAAA"}

package/dist/node/components/Pipe.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Pipe_exports = {};
+__export(Pipe_exports, {
+  Pipe: () => Pipe
+});
+module.exports = __toCommonJS(Pipe_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+const Pipe = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { marginX: 1, component: "span", ...props, children: "|" });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pipe
+});
+//# sourceMappingURL=Pipe.js.map

package/dist/node/components/Pipe.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Pipe.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nexport const Pipe: React.FC<TypographyProps> = (props) => {\n  return (\n    <Typography marginX={1} component=\"span\" {...props}>\n      |\n    </Typography>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAII;AAJJ,sBAA4C;AAErC,MAAM,OAAkC,CAAC,UAAU;AACxD,SACE,4CAAC,8BAAW,SAAS,GAAG,WAAU,QAAQ,GAAG,OAAO,eAEpD;AAEJ;","names":[]}

package/dist/node/components/Pipe.mjs

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+const Pipe = (props) => {
+  return /* @__PURE__ */ jsx(Typography, { marginX: 1, component: "span", ...props, children: "|" });
+};
+export {
+  Pipe
+};
+//# sourceMappingURL=Pipe.mjs.map

package/dist/node/components/Pipe.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Pipe.tsx"],"sourcesContent":["import { Typography, TypographyProps } from '@mui/material'\n\nexport const Pipe: React.FC<TypographyProps> = (props) => {\n  return (\n    <Typography marginX={1} component=\"span\" {...props}>\n      |\n    </Typography>\n  )\n}\n"],"mappings":"AAII;AAJJ,SAAS,kBAAmC;AAErC,MAAM,OAAkC,CAAC,UAAU;AACxD,SACE,oBAAC,cAAW,SAAS,GAAG,WAAU,QAAQ,GAAG,OAAO,eAEpD;AAEJ;","names":[]}

package/dist/node/components/ScrollTableOnSm.d.mts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+declare const ScrollTableOnSm: React.FC<WithChildren>;
+export { ScrollTableOnSm };
+//# sourceMappingURL=ScrollTableOnSm.d.ts.map

package/dist/node/components/ScrollTableOnSm.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTableOnSm.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollTableOnSm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAUnD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAA+E,CAAA;AAE3H,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/node/components/ScrollTableOnSm.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+declare const ScrollTableOnSm: React.FC<WithChildren>;
+export { ScrollTableOnSm };
+//# sourceMappingURL=ScrollTableOnSm.d.ts.map

package/dist/node/components/ScrollTableOnSm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollTableOnSm.d.ts","sourceRoot":"","sources":["../../../src/components/ScrollTableOnSm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAUnD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAA+E,CAAA;AAE3H,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/node/components/ScrollTableOnSm.js

@@ -0,0 +1,38 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ScrollTableOnSm_exports = {};
+__export(ScrollTableOnSm_exports, {
+  ScrollTableOnSm: () => ScrollTableOnSm
+});
+module.exports = __toCommonJS(ScrollTableOnSm_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+const StyledScrollTableOnSm = (0, import_material.styled)("div")(({ theme }) => ({
+  [theme.breakpoints.down("md")]: {
+    overflowX: "scroll"
+  },
+  display: "flex",
+  flexGrow: 1
+}));
+const ScrollTableOnSm = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledScrollTableOnSm, { children });
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ScrollTableOnSm
+});
+//# sourceMappingURL=ScrollTableOnSm.js.map

package/dist/node/components/ScrollTableOnSm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ScrollTableOnSm.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nconst StyledScrollTableOnSm = styled('div')(({ theme }) => ({\n  [theme.breakpoints.down('md')]: {\n    overflowX: 'scroll',\n  },\n  display: 'flex',\n  flexGrow: 1,\n}))\n\nconst ScrollTableOnSm: React.FC<WithChildren> = ({ children }) => <StyledScrollTableOnSm>{children}</StyledScrollTableOnSm>\n\nexport { ScrollTableOnSm }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWkE;AAXlE,sBAAuB;AAGvB,MAAM,4BAAwB,wBAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC1D,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AACZ,EAAE;AAEF,MAAM,kBAA0C,CAAC,EAAE,SAAS,MAAM,4CAAC,yBAAuB,UAAS;","names":[]}

package/dist/node/components/ScrollTableOnSm.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material";
+const StyledScrollTableOnSm = styled("div")(({ theme }) => ({
+  [theme.breakpoints.down("md")]: {
+    overflowX: "scroll"
+  },
+  display: "flex",
+  flexGrow: 1
+}));
+const ScrollTableOnSm = ({ children }) => /* @__PURE__ */ jsx(StyledScrollTableOnSm, { children });
+export {
+  ScrollTableOnSm
+};
+//# sourceMappingURL=ScrollTableOnSm.mjs.map

package/dist/node/components/ScrollTableOnSm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ScrollTableOnSm.tsx"],"sourcesContent":["import { styled } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\n\nconst StyledScrollTableOnSm = styled('div')(({ theme }) => ({\n  [theme.breakpoints.down('md')]: {\n    overflowX: 'scroll',\n  },\n  display: 'flex',\n  flexGrow: 1,\n}))\n\nconst ScrollTableOnSm: React.FC<WithChildren> = ({ children }) => <StyledScrollTableOnSm>{children}</StyledScrollTableOnSm>\n\nexport { ScrollTableOnSm }\n"],"mappings":"AAWkE;AAXlE,SAAS,cAAc;AAGvB,MAAM,wBAAwB,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC1D,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,IAC9B,WAAW;AAAA,EACb;AAAA,EACA,SAAS;AAAA,EACT,UAAU;AACZ,EAAE;AAEF,MAAM,kBAA0C,CAAC,EAAE,SAAS,MAAM,oBAAC,yBAAuB,UAAS;","names":[]}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.d.mts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SectionSpacingRow: import("react").ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SectionSpacingRow.d.ts.map

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,iBAAiB,yIAgB5B,CAAA"}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SectionSpacingRow: import("react").ForwardRefExoticComponent<import("@xylabs/react-flexbox").BusyBoxProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SectionSpacingRow.d.ts.map

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionSpacingRow.d.ts","sourceRoot":"","sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,iBAAiB,yIAgB5B,CAAA"}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SectionSpacingRow_exports = {};
+__export(SectionSpacingRow_exports, {
+  SectionSpacingRow: () => SectionSpacingRow
+});
+module.exports = __toCommonJS(SectionSpacingRow_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_flexbox = require("@xylabs/react-flexbox");
+var import_react = require("react");
+const SectionSpacingRow = (0, import_react.forwardRef)(({ children, sx, ...props }, ref) => {
+  const theme = (0, import_material.useTheme)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_flexbox.FlexGrowRow,
+    {
+      sx: {
+        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
+        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
+        ...sx
+      },
+      width: "100%",
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+SectionSpacingRow.displayName = "SectionSpacingRow";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SectionSpacingRow
+});
+//# sourceMappingURL=SectionSpacingRow.js.map

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { forwardRef } from 'react'\n\nexport const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {\n  const theme = useTheme()\n  return (\n    <FlexGrowRow\n      sx={{\n        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },\n        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },\n        ...sx,\n      }}\n      width=\"100%\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n})\n\nSectionSpacingRow.displayName = 'SectionSpacingRow'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOI;AAPJ,sBAAyB;AACzB,2BAA0C;AAC1C,mBAA2B;AAEpB,MAAM,wBAAoB,yBAAyC,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,YAAQ,0BAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QAC5D,YAAY,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QACzD,GAAG;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,kBAAkB,cAAc;","names":[]}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.mjs

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "@mui/material";
+import { FlexGrowRow } from "@xylabs/react-flexbox";
+import { forwardRef } from "react";
+const SectionSpacingRow = forwardRef(({ children, sx, ...props }, ref) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    FlexGrowRow,
+    {
+      sx: {
+        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },
+        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },
+        ...sx
+      },
+      width: "100%",
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+SectionSpacingRow.displayName = "SectionSpacingRow";
+export {
+  SectionSpacingRow
+};
+//# sourceMappingURL=SectionSpacingRow.mjs.map

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.tsx"],"sourcesContent":["import { useTheme } from '@mui/material'\nimport { FlexBoxProps, FlexGrowRow } from '@xylabs/react-flexbox'\nimport { forwardRef } from 'react'\n\nexport const SectionSpacingRow = forwardRef<HTMLDivElement, FlexBoxProps>(({ children, sx, ...props }, ref) => {\n  const theme = useTheme()\n  return (\n    <FlexGrowRow\n      sx={{\n        paddingBottom: { md: theme.spacing(5), xs: theme.spacing(5) },\n        paddingTop: { md: theme.spacing(5), xs: theme.spacing(5) },\n        ...sx,\n      }}\n      width=\"100%\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </FlexGrowRow>\n  )\n})\n\nSectionSpacingRow.displayName = 'SectionSpacingRow'\n"],"mappings":"AAOI;AAPJ,SAAS,gBAAgB;AACzB,SAAuB,mBAAmB;AAC1C,SAAS,kBAAkB;AAEpB,MAAM,oBAAoB,WAAyC,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AAC7G,QAAM,QAAQ,SAAS;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,eAAe,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QAC5D,YAAY,EAAE,IAAI,MAAM,QAAQ,CAAC,GAAG,IAAI,MAAM,QAAQ,CAAC,EAAE;AAAA,QACzD,GAAG;AAAA,MACL;AAAA,MACA,OAAM;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ,CAAC;AAED,kBAAkB,cAAc;","names":[]}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.stories.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SectionSpacingRow_stories_exports = {};
+__export(SectionSpacingRow_stories_exports, {
+  Default: () => Default,
+  default: () => SectionSpacingRow_stories_default
+});
+module.exports = __toCommonJS(SectionSpacingRow_stories_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_router_dom = require("react-router-dom");
+var import_SectionSpacingRow = require("./SectionSpacingRow");
+const StorybookEntry = {
+  argTypes: {},
+  component: import_SectionSpacingRow.SectionSpacingRow,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/SectionSpacingRow"
+};
+const Template = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_router_dom.BrowserRouter, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", children: "No Spacing" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { textAlign: "center", children: "Hello World" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Divider, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "subtitle2", children: "With Spacing" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SectionSpacingRow.SectionSpacingRow, { ...args, children: "Hello World" })
+] });
+const Default = Template.bind({});
+Default.args = {};
+var SectionSpacingRow_stories_default = StorybookEntry;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=SectionSpacingRow.stories.js.map

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/SectionSpacingRow/SectionSpacingRow.stories.tsx"],"sourcesContent":["import { Divider, Typography } from '@mui/material'\nimport { Meta, StoryFn } from '@storybook/react'\nimport { BrowserRouter } from 'react-router-dom'\n\nimport { SectionSpacingRow } from './SectionSpacingRow'\nconst StorybookEntry = {\n  argTypes: {},\n  component: SectionSpacingRow,\n  parameters: {\n    docs: {\n      page: null,\n    },\n  },\n  title: 'shared/SectionSpacingRow',\n} as Meta<typeof SectionSpacingRow>\n\nconst Template: StoryFn<typeof SectionSpacingRow> = (args) => (\n  <BrowserRouter>\n    <Typography variant=\"subtitle2\">No Spacing</Typography>\n    <Typography textAlign=\"center\">Hello World</Typography>\n    <Divider />\n    <Typography variant=\"subtitle2\">With Spacing</Typography>\n    <SectionSpacingRow {...args}>Hello World</SectionSpacingRow>\n  </BrowserRouter>\n)\n\nconst Default = Template.bind({})\nDefault.args = {}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore\n\nexport { Default }\n\n// eslint-disable-next-line import/no-default-export\nexport default StorybookEntry\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBE;AAjBF,sBAAoC;AAEpC,8BAA8B;AAE9B,+BAAkC;AAClC,MAAM,iBAAiB;AAAA,EACrB,UAAU,CAAC;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AAAA,IACV,MAAM;AAAA,MACJ,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,OAAO;AACT;AAEA,MAAM,WAA8C,CAAC,SACnD,6CAAC,yCACC;AAAA,8CAAC,8BAAW,SAAQ,aAAY,wBAAU;AAAA,EAC1C,4CAAC,8BAAW,WAAU,UAAS,yBAAW;AAAA,EAC1C,4CAAC,2BAAQ;AAAA,EACT,4CAAC,8BAAW,SAAQ,aAAY,0BAAY;AAAA,EAC5C,4CAAC,8CAAmB,GAAG,MAAM,yBAAW;AAAA,GAC1C;AAGF,MAAM,UAAU,SAAS,KAAK,CAAC,CAAC;AAChC,QAAQ,OAAO,CAAC;AAQhB,IAAO,oCAAQ;","names":[]}

package/dist/node/components/SectionSpacingRow/SectionSpacingRow.stories.mjs

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Divider, Typography } from "@mui/material";
+import { BrowserRouter } from "react-router-dom";
+import { SectionSpacingRow } from "./SectionSpacingRow";
+const StorybookEntry = {
+  argTypes: {},
+  component: SectionSpacingRow,
+  parameters: {
+    docs: {
+      page: null
+    }
+  },
+  title: "shared/SectionSpacingRow"
+};
+const Template = (args) => /* @__PURE__ */ jsxs(BrowserRouter, { children: [
+  /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "No Spacing" }),
+  /* @__PURE__ */ jsx(Typography, { textAlign: "center", children: "Hello World" }),
+  /* @__PURE__ */ jsx(Divider, {}),
+  /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: "With Spacing" }),
+  /* @__PURE__ */ jsx(SectionSpacingRow, { ...args, children: "Hello World" })
+] });
+const Default = Template.bind({});
+Default.args = {};
+var SectionSpacingRow_stories_default = StorybookEntry;
+export {
+  Default,
+  SectionSpacingRow_stories_default as default
+};
+//# sourceMappingURL=SectionSpacingRow.stories.mjs.map