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

package/dist/node/components/BasicHero/index.d.mts

@@ -0,0 +1,2 @@
+export * from './BasicHero';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/BasicHero/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BasicHero/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/node/components/BasicHero/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BasicHero';
+//# sourceMappingURL=index.d.ts.map

package/dist/node/components/BasicHero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/BasicHero/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA"}

package/dist/node/components/BasicHero/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BasicHero_exports = {};
+module.exports = __toCommonJS(BasicHero_exports);
+__reExport(BasicHero_exports, require("./BasicHero"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./BasicHero")
+});
+//# sourceMappingURL=index.js.map

package/dist/node/components/BasicHero/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/BasicHero/index.ts"],"sourcesContent":["export * from './BasicHero'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,wBAAd;","names":[]}

package/dist/node/components/BasicHero/index.mjs

@@ -0,0 +1,2 @@
+export * from "./BasicHero";
+//# sourceMappingURL=index.mjs.map

package/dist/node/components/BasicHero/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/BasicHero/index.ts"],"sourcesContent":["export * from './BasicHero'\n"],"mappings":"AAAA,cAAc;","names":[]}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BoxProps, TypographyProps, TypographyTypeMap } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+export interface EllipsizeRootProps extends BoxProps {
+    beforeLineHeight?: string | number;
+}
+export type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {
+    ellipsisPosition?: 'start' | 'end';
+};
+export interface EllipsizeBoxProps extends BoxProps {
+    disableSharedRef?: boolean;
+    ellipsisPosition?: 'start' | 'end';
+    typographyProps?: TypographyWithComponentProps;
+}
+export declare const EllipsizeBox: import("react").ForwardRefExoticComponent<Omit<WithChildren<EllipsizeBoxProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Ellipsize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAWnD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAiED,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC9I,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAgBxB,CAAA"}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { BoxProps, TypographyProps, TypographyTypeMap } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+export interface EllipsizeRootProps extends BoxProps {
+    beforeLineHeight?: string | number;
+}
+export type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {
+    ellipsisPosition?: 'start' | 'end';
+};
+export interface EllipsizeBoxProps extends BoxProps {
+    disableSharedRef?: boolean;
+    ellipsisPosition?: 'start' | 'end';
+    typographyProps?: TypographyWithComponentProps;
+}
+export declare const EllipsizeBox: import("react").ForwardRefExoticComponent<Omit<WithChildren<EllipsizeBoxProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Ellipsize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Ellipsize.d.ts","sourceRoot":"","sources":["../../../src/components/Ellipsize.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAO,QAAQ,EAAsB,eAAe,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACrG,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAWnD,MAAM,WAAW,kBAAmB,SAAQ,QAAQ;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACnC;AAiED,MAAM,MAAM,4BAA4B,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;IAC9I,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;CACnC,CAAA;AAED,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;IACjD,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IAClC,eAAe,CAAC,EAAE,4BAA4B,CAAA;CAC/C;AAED,eAAO,MAAM,YAAY,yIAgBxB,CAAA"}

package/dist/node/components/Ellipsize.js

@@ -0,0 +1,94 @@
+"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 Ellipsize_exports = {};
+__export(Ellipsize_exports, {
+  EllipsizeBox: () => EllipsizeBox
+});
+module.exports = __toCommonJS(Ellipsize_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react = require("react");
+var import_hooks = require("../hooks");
+const ComponentName = "Ellipsize";
+const EllipsizeRoot = (0, import_material.styled)(import_material.Box, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
+  slot: "Root"
+})(({ beforeLineHeight }) => ({
+  "&": {
+    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+    // the pseudo element with a hidden character establishes the proper height of the content and hides it
+    ":before": {
+      content: "'nbsp;'",
+      display: "block",
+      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+      float: "left",
+      visibility: "hidden",
+      // since we are `display: block`, lineHeight is the height
+      ...beforeLineHeight && { lineHeight: beforeLineHeight }
+    }
+  }
+}));
+const EllipsizeInnerWrap = (0, import_material.styled)(import_material.Box, {
+  name: ComponentName,
+  slot: "innerWrap"
+})(() => ({
+  position: "relative"
+}));
+const EllipsizeContentWrap = (0, import_material.styled)(import_material.Typography, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
+  slot: "contentWrap"
+})(({ theme, ellipsisPosition, fontFamily }) => {
+  return theme.unstable_sx({
+    fontFamily: fontFamily ?? "monospace",
+    left: 0,
+    overflow: "hidden",
+    position: "absolute",
+    right: 0,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...ellipsisPosition === "start" ? {
+      direction: "rtl",
+      textAlign: "left"
+    } : {}
+  });
+});
+const useClientHeight = () => {
+  const [contentWrapHeight, setContentWrapHeight] = (0, import_react.useState)();
+  const contentWrapRef = (0, import_react.useCallback)((node) => {
+    if (node !== null) {
+      setContentWrapHeight(node.clientHeight + "px");
+    }
+  }, []);
+  return { contentWrapHeight, contentWrapRef };
+};
+const EllipsizeBox = (0, import_react.forwardRef)(
+  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = (0, import_hooks.useShareForwardedRef)(ref);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsizeInnerWrap, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
+  }
+);
+EllipsizeBox.displayName = "EllipsizeBox";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EllipsizeBox
+});
+//# sourceMappingURL=Ellipsize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Ellipsize.tsx"],"sourcesContent":["import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { useShareForwardedRef } from '../hooks'\n\n/**\n * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259\n */\n\nconst ComponentName = 'Ellipsize'\n\nexport interface EllipsizeRootProps extends BoxProps {\n  beforeLineHeight?: string | number\n}\n\nconst EllipsizeRoot = styled(Box, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'beforeLineHeight',\n  slot: 'Root',\n})<EllipsizeRootProps>(({ beforeLineHeight }) => ({\n  '&': {\n    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.\n    // the pseudo element with a hidden character establishes the proper height of the content and hides it\n    ':before': {\n      content: \"'nbsp;'\",\n      display: 'block',\n      // take the pseudo element out of the `display: block` flow so it won't push against our actual content\n      float: 'left',\n      visibility: 'hidden',\n      // since we are `display: block`, lineHeight is the height\n      ...(beforeLineHeight && { lineHeight: beforeLineHeight }),\n    },\n  },\n}))\n\nconst EllipsizeInnerWrap = styled(Box, {\n  name: ComponentName,\n  slot: 'innerWrap',\n})(() => ({\n  position: 'relative',\n}))\n\nconst EllipsizeContentWrap = styled(Typography, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'ellipsisPosition',\n  slot: 'contentWrap',\n})<TypographyWithComponentProps>(({ theme, ellipsisPosition, fontFamily }) => {\n  return theme.unstable_sx({\n    fontFamily: fontFamily ?? 'monospace',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    ...(ellipsisPosition === 'start'\n      ? {\n          direction: 'rtl',\n          textAlign: 'left',\n        }\n      : {}),\n  })\n})\n\nconst useClientHeight = () => {\n  const [contentWrapHeight, setContentWrapHeight] = useState<string>()\n\n  const contentWrapRef = useCallback((node: HTMLElement) => {\n    if (node !== null) {\n      setContentWrapHeight(node.clientHeight + 'px')\n    }\n  }, [])\n\n  return { contentWrapHeight, contentWrapRef }\n}\n\n// See - https://mui.com/material-ui/guides/composition/#with-typescript\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {\n  ellipsisPosition?: 'start' | 'end'\n}\n\nexport interface EllipsizeBoxProps extends BoxProps {\n  disableSharedRef?: boolean\n  ellipsisPosition?: 'start' | 'end'\n  typographyProps?: TypographyWithComponentProps\n}\n\nexport const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(\n  ({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {\n    // Allow syncing of :before pseudo element height with contentWrapHeight\n    const { contentWrapRef, contentWrapHeight } = useClientHeight()\n    const sharedRef = useShareForwardedRef(ref)\n\n    return (\n      <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>\n        <EllipsizeInnerWrap>\n          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant=\"body2\" {...typographyProps}>\n            {children}\n          </EllipsizeContentWrap>\n        </EllipsizeInnerWrap>\n      </EllipsizeRoot>\n    )\n  },\n)\nEllipsizeBox.displayName = 'EllipsizeBox'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkGU;AAlGV,sBAAsF;AAEtF,mBAAkD;AAElD,mBAAqC;AAMrC,MAAM,gBAAgB;AAMtB,MAAM,oBAAgB,wBAAO,qBAAK;AAAA,EAChC,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AAAA,EACtC,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,iBAAiB,OAAO;AAAA,EAChD,KAAK;AAAA;AAAA;AAAA,IAGH,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAEZ,GAAI,oBAAoB,EAAE,YAAY,iBAAiB;AAAA,IACzD;AAAA,EACF;AACF,EAAE;AAEF,MAAM,yBAAqB,wBAAO,qBAAK;AAAA,EACrC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE,OAAO;AAAA,EACR,UAAU;AACZ,EAAE;AAEF,MAAM,2BAAuB,wBAAO,4BAAY;AAAA,EAC9C,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AAAA,EACtC,MAAM;AACR,CAAC,EAAgC,CAAC,EAAE,OAAO,kBAAkB,WAAW,MAAM;AAC5E,SAAO,MAAM,YAAY;AAAA,IACvB,YAAY,cAAc;AAAA,IAC1B,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,GAAI,qBAAqB,UACrB;AAAA,MACE,WAAW;AAAA,MACX,WAAW;AAAA,IACb,IACA,CAAC;AAAA,EACP,CAAC;AACH,CAAC;AAED,MAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAiB;AAEnE,QAAM,qBAAiB,0BAAY,CAAC,SAAsB;AACxD,QAAI,SAAS,MAAM;AACjB,2BAAqB,KAAK,eAAe,IAAI;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,mBAAmB,eAAe;AAC7C;AAcO,MAAM,mBAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,mBAAmB,SAAS,kBAAkB,iBAAiB,GAAG,MAAM,GAAG,QAAQ;AAE9F,UAAM,EAAE,gBAAgB,kBAAkB,IAAI,gBAAgB;AAC9D,UAAM,gBAAY,mCAAqB,GAAG;AAE1C,WACE,4CAAC,iBAAc,kBAAkB,CAAC,CAAC,aAAa,CAAC,mBAAmB,oBAAoB,QAAY,GAAG,OAAO,KAC5G,sDAAC,sBACC,sDAAC,wBAAqB,KAAK,gBAAgB,WAAW,QAAQ,kBAAoC,SAAQ,SAAS,GAAG,iBACnH,UACH,GACF,GACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

package/dist/node/components/Ellipsize.mjs

@@ -0,0 +1,70 @@
+import { jsx } from "react/jsx-runtime";
+import { Box, styled, Typography } from "@mui/material";
+import { forwardRef, useCallback, useState } from "react";
+import { useShareForwardedRef } from "../hooks";
+const ComponentName = "Ellipsize";
+const EllipsizeRoot = styled(Box, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "beforeLineHeight",
+  slot: "Root"
+})(({ beforeLineHeight }) => ({
+  "&": {
+    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.
+    // the pseudo element with a hidden character establishes the proper height of the content and hides it
+    ":before": {
+      content: "'nbsp;'",
+      display: "block",
+      // take the pseudo element out of the `display: block` flow so it won't push against our actual content
+      float: "left",
+      visibility: "hidden",
+      // since we are `display: block`, lineHeight is the height
+      ...beforeLineHeight && { lineHeight: beforeLineHeight }
+    }
+  }
+}));
+const EllipsizeInnerWrap = styled(Box, {
+  name: ComponentName,
+  slot: "innerWrap"
+})(() => ({
+  position: "relative"
+}));
+const EllipsizeContentWrap = styled(Typography, {
+  name: ComponentName,
+  shouldForwardProp: (prop) => prop !== "ellipsisPosition",
+  slot: "contentWrap"
+})(({ theme, ellipsisPosition, fontFamily }) => {
+  return theme.unstable_sx({
+    fontFamily: fontFamily ?? "monospace",
+    left: 0,
+    overflow: "hidden",
+    position: "absolute",
+    right: 0,
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    ...ellipsisPosition === "start" ? {
+      direction: "rtl",
+      textAlign: "left"
+    } : {}
+  });
+});
+const useClientHeight = () => {
+  const [contentWrapHeight, setContentWrapHeight] = useState();
+  const contentWrapRef = useCallback((node) => {
+    if (node !== null) {
+      setContentWrapHeight(node.clientHeight + "px");
+    }
+  }, []);
+  return { contentWrapHeight, contentWrapRef };
+};
+const EllipsizeBox = forwardRef(
+  ({ children, ellipsisPosition = "start", disableSharedRef, typographyProps, ...props }, ref) => {
+    const { contentWrapRef, contentWrapHeight } = useClientHeight();
+    const sharedRef = useShareForwardedRef(ref);
+    return /* @__PURE__ */ jsx(EllipsizeRoot, { beforeLineHeight: !!sharedRef && !disableSharedRef ? contentWrapHeight : void 0, ...props, ref, children: /* @__PURE__ */ jsx(EllipsizeInnerWrap, { children: /* @__PURE__ */ jsx(EllipsizeContentWrap, { ref: contentWrapRef, component: "span", ellipsisPosition, variant: "body2", ...typographyProps, children }) }) });
+  }
+);
+EllipsizeBox.displayName = "EllipsizeBox";
+export {
+  EllipsizeBox
+};
+//# sourceMappingURL=Ellipsize.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Ellipsize.tsx"],"sourcesContent":["import { Box, BoxProps, styled, Typography, TypographyProps, TypographyTypeMap } from '@mui/material'\nimport { WithChildren } from '@xylabs/react-shared'\nimport { forwardRef, useCallback, useState } from 'react'\n\nimport { useShareForwardedRef } from '../hooks'\n\n/**\n * Heavily inspired by - https://stackoverflow.com/a/30362531/2803259\n */\n\nconst ComponentName = 'Ellipsize'\n\nexport interface EllipsizeRootProps extends BoxProps {\n  beforeLineHeight?: string | number\n}\n\nconst EllipsizeRoot = styled(Box, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'beforeLineHeight',\n  slot: 'Root',\n})<EllipsizeRootProps>(({ beforeLineHeight }) => ({\n  '&': {\n    // because the cell content ends up absolutely positioned, the cell doesn't know the content height.\n    // the pseudo element with a hidden character establishes the proper height of the content and hides it\n    ':before': {\n      content: \"'nbsp;'\",\n      display: 'block',\n      // take the pseudo element out of the `display: block` flow so it won't push against our actual content\n      float: 'left',\n      visibility: 'hidden',\n      // since we are `display: block`, lineHeight is the height\n      ...(beforeLineHeight && { lineHeight: beforeLineHeight }),\n    },\n  },\n}))\n\nconst EllipsizeInnerWrap = styled(Box, {\n  name: ComponentName,\n  slot: 'innerWrap',\n})(() => ({\n  position: 'relative',\n}))\n\nconst EllipsizeContentWrap = styled(Typography, {\n  name: ComponentName,\n  shouldForwardProp: (prop) => prop !== 'ellipsisPosition',\n  slot: 'contentWrap',\n})<TypographyWithComponentProps>(({ theme, ellipsisPosition, fontFamily }) => {\n  return theme.unstable_sx({\n    fontFamily: fontFamily ?? 'monospace',\n    left: 0,\n    overflow: 'hidden',\n    position: 'absolute',\n    right: 0,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    ...(ellipsisPosition === 'start'\n      ? {\n          direction: 'rtl',\n          textAlign: 'left',\n        }\n      : {}),\n  })\n})\n\nconst useClientHeight = () => {\n  const [contentWrapHeight, setContentWrapHeight] = useState<string>()\n\n  const contentWrapRef = useCallback((node: HTMLElement) => {\n    if (node !== null) {\n      setContentWrapHeight(node.clientHeight + 'px')\n    }\n  }, [])\n\n  return { contentWrapHeight, contentWrapRef }\n}\n\n// See - https://mui.com/material-ui/guides/composition/#with-typescript\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type TypographyWithComponentProps<D extends React.ElementType = TypographyTypeMap['defaultComponent'], P = {}> = TypographyProps<D, P> & {\n  ellipsisPosition?: 'start' | 'end'\n}\n\nexport interface EllipsizeBoxProps extends BoxProps {\n  disableSharedRef?: boolean\n  ellipsisPosition?: 'start' | 'end'\n  typographyProps?: TypographyWithComponentProps\n}\n\nexport const EllipsizeBox = forwardRef<HTMLDivElement, WithChildren<EllipsizeBoxProps>>(\n  ({ children, ellipsisPosition = 'start', disableSharedRef, typographyProps, ...props }, ref) => {\n    // Allow syncing of :before pseudo element height with contentWrapHeight\n    const { contentWrapRef, contentWrapHeight } = useClientHeight()\n    const sharedRef = useShareForwardedRef(ref)\n\n    return (\n      <EllipsizeRoot beforeLineHeight={!!sharedRef && !disableSharedRef ? contentWrapHeight : undefined} {...props} ref={ref}>\n        <EllipsizeInnerWrap>\n          <EllipsizeContentWrap ref={contentWrapRef} component={'span'} ellipsisPosition={ellipsisPosition} variant=\"body2\" {...typographyProps}>\n            {children}\n          </EllipsizeContentWrap>\n        </EllipsizeInnerWrap>\n      </EllipsizeRoot>\n    )\n  },\n)\nEllipsizeBox.displayName = 'EllipsizeBox'\n"],"mappings":"AAkGU;AAlGV,SAAS,KAAe,QAAQ,kBAAsD;AAEtF,SAAS,YAAY,aAAa,gBAAgB;AAElD,SAAS,4BAA4B;AAMrC,MAAM,gBAAgB;AAMtB,MAAM,gBAAgB,OAAO,KAAK;AAAA,EAChC,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AAAA,EACtC,MAAM;AACR,CAAC,EAAsB,CAAC,EAAE,iBAAiB,OAAO;AAAA,EAChD,KAAK;AAAA;AAAA;AAAA,IAGH,WAAW;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA;AAAA,MAET,OAAO;AAAA,MACP,YAAY;AAAA;AAAA,MAEZ,GAAI,oBAAoB,EAAE,YAAY,iBAAiB;AAAA,IACzD;AAAA,EACF;AACF,EAAE;AAEF,MAAM,qBAAqB,OAAO,KAAK;AAAA,EACrC,MAAM;AAAA,EACN,MAAM;AACR,CAAC,EAAE,OAAO;AAAA,EACR,UAAU;AACZ,EAAE;AAEF,MAAM,uBAAuB,OAAO,YAAY;AAAA,EAC9C,MAAM;AAAA,EACN,mBAAmB,CAAC,SAAS,SAAS;AAAA,EACtC,MAAM;AACR,CAAC,EAAgC,CAAC,EAAE,OAAO,kBAAkB,WAAW,MAAM;AAC5E,SAAO,MAAM,YAAY;AAAA,IACvB,YAAY,cAAc;AAAA,IAC1B,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,IACV,OAAO;AAAA,IACP,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,GAAI,qBAAqB,UACrB;AAAA,MACE,WAAW;AAAA,MACX,WAAW;AAAA,IACb,IACA,CAAC;AAAA,EACP,CAAC;AACH,CAAC;AAED,MAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAiB;AAEnE,QAAM,iBAAiB,YAAY,CAAC,SAAsB;AACxD,QAAI,SAAS,MAAM;AACjB,2BAAqB,KAAK,eAAe,IAAI;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,EAAE,mBAAmB,eAAe;AAC7C;AAcO,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,UAAU,mBAAmB,SAAS,kBAAkB,iBAAiB,GAAG,MAAM,GAAG,QAAQ;AAE9F,UAAM,EAAE,gBAAgB,kBAAkB,IAAI,gBAAgB;AAC9D,UAAM,YAAY,qBAAqB,GAAG;AAE1C,WACE,oBAAC,iBAAc,kBAAkB,CAAC,CAAC,aAAa,CAAC,mBAAmB,oBAAoB,QAAY,GAAG,OAAO,KAC5G,8BAAC,sBACC,8BAAC,wBAAqB,KAAK,gBAAgB,WAAW,QAAQ,kBAAoC,SAAQ,SAAS,GAAG,iBACnH,UACH,GACF,GACF;AAAA,EAEJ;AACF;AACA,aAAa,cAAc;","names":[]}

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

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    fallbackWithError?: (error: Error) => ReactNode;
+}
+export interface ErrorBoundaryState {
+    error?: Error;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+}
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAiBhB"}

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

@@ -0,0 +1,18 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    children: ReactNode;
+    fallback?: ReactNode;
+    fallbackWithError?: (error: Error) => ReactNode;
+}
+export interface ErrorBoundaryState {
+    error?: Error;
+}
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+    };
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+}
+//# sourceMappingURL=ErrorBoundary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,SAAS,CAAA;CAChD;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAA;CACd;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;gBACtE,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK;;;IAInC,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS;IAIpD,MAAM;CAiBhB"}

package/dist/node/components/ErrorBoundary.js

@@ -0,0 +1,60 @@
+"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 ErrorBoundary_exports = {};
+__export(ErrorBoundary_exports, {
+  ErrorBoundary: () => ErrorBoundary
+});
+module.exports = __toCommonJS(ErrorBoundary_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");
+class ErrorBoundary extends import_react.Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: void 0 };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`${error}: ${errorInfo}`);
+  }
+  render() {
+    if (this.state.error) {
+      if (this.props.fallbackWithError) {
+        return this.props.fallbackWithError(this.state.error);
+      }
+      return this.props.fallback ?? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_flexbox.FlexCol, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, { variant: "h1", children: "Something went wrong." }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Typography, { variant: "body1", children: [
+          "[",
+          this.state.error?.message,
+          "]"
+        ] })
+      ] });
+    }
+    return this.props.children;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorBoundary
+});
+//# sourceMappingURL=ErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ErrorBoundary.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { Component, ErrorInfo, ReactNode } from 'react'\n\nexport interface ErrorBoundaryProps {\n  children: ReactNode\n  // fallback as a static ReactNode value\n  fallback?: ReactNode\n  // fallback element that can receive the error as a prop\n  fallbackWithError?: (error: Error) => ReactNode\n}\n\nexport interface ErrorBoundaryState {\n  error?: Error\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { error: undefined }\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(`${error}: ${errorInfo}`)\n  }\n\n  override render() {\n    if (this.state.error) {\n      if (this.props.fallbackWithError) {\n        return this.props.fallbackWithError(this.state.error)\n      }\n      return (\n        this.props.fallback ?? (\n          <FlexCol>\n            <Typography variant=\"h1\">Something went wrong.</Typography>\n            <Typography variant=\"body1\">[{this.state.error?.message}]</Typography>\n          </FlexCol>\n        )\n      )\n    }\n\n    return this.props.children\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCY;AAtCZ,sBAA2B;AAC3B,2BAAwB;AACxB,mBAAgD;AAczC,MAAM,sBAAsB,uBAAkD;AAAA,EACnF,YAAY,OAA2B;AACrC,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,OAAO,OAAU;AAAA,EAClC;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,MAAM;AAAA,EACjB;AAAA,EAES,kBAAkB,OAAc,WAAsB;AAC7D,YAAQ,MAAM,GAAG,KAAK,KAAK,SAAS,EAAE;AAAA,EACxC;AAAA,EAES,SAAS;AAChB,QAAI,KAAK,MAAM,OAAO;AACpB,UAAI,KAAK,MAAM,mBAAmB;AAChC,eAAO,KAAK,MAAM,kBAAkB,KAAK,MAAM,KAAK;AAAA,MACtD;AACA,aACE,KAAK,MAAM,YACT,6CAAC,gCACC;AAAA,oDAAC,8BAAW,SAAQ,MAAK,mCAAqB;AAAA,QAC9C,6CAAC,8BAAW,SAAQ,SAAQ;AAAA;AAAA,UAAE,KAAK,MAAM,OAAO;AAAA,UAAQ;AAAA,WAAC;AAAA,SAC3D;AAAA,IAGN;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

package/dist/node/components/ErrorBoundary.mjs

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
+import { FlexCol } from "@xylabs/react-flexbox";
+import { Component } from "react";
+class ErrorBoundary extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { error: void 0 };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error(`${error}: ${errorInfo}`);
+  }
+  render() {
+    if (this.state.error) {
+      if (this.props.fallbackWithError) {
+        return this.props.fallbackWithError(this.state.error);
+      }
+      return this.props.fallback ?? /* @__PURE__ */ jsxs(FlexCol, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h1", children: "Something went wrong." }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
+          "[",
+          this.state.error?.message,
+          "]"
+        ] })
+      ] });
+    }
+    return this.props.children;
+  }
+}
+export {
+  ErrorBoundary
+};
+//# sourceMappingURL=ErrorBoundary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ErrorBoundary.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport { Component, ErrorInfo, ReactNode } from 'react'\n\nexport interface ErrorBoundaryProps {\n  children: ReactNode\n  // fallback as a static ReactNode value\n  fallback?: ReactNode\n  // fallback element that can receive the error as a prop\n  fallbackWithError?: (error: Error) => ReactNode\n}\n\nexport interface ErrorBoundaryState {\n  error?: Error\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { error: undefined }\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(`${error}: ${errorInfo}`)\n  }\n\n  override render() {\n    if (this.state.error) {\n      if (this.props.fallbackWithError) {\n        return this.props.fallbackWithError(this.state.error)\n      }\n      return (\n        this.props.fallback ?? (\n          <FlexCol>\n            <Typography variant=\"h1\">Something went wrong.</Typography>\n            <Typography variant=\"body1\">[{this.state.error?.message}]</Typography>\n          </FlexCol>\n        )\n      )\n    }\n\n    return this.props.children\n  }\n}\n"],"mappings":"AAsCY,cACA,YADA;AAtCZ,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,iBAAuC;AAczC,MAAM,sBAAsB,UAAkD;AAAA,EACnF,YAAY,OAA2B;AACrC,UAAM,KAAK;AACX,SAAK,QAAQ,EAAE,OAAO,OAAU;AAAA,EAClC;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,MAAM;AAAA,EACjB;AAAA,EAES,kBAAkB,OAAc,WAAsB;AAC7D,YAAQ,MAAM,GAAG,KAAK,KAAK,SAAS,EAAE;AAAA,EACxC;AAAA,EAES,SAAS;AAChB,QAAI,KAAK,MAAM,OAAO;AACpB,UAAI,KAAK,MAAM,mBAAmB;AAChC,eAAO,KAAK,MAAM,kBAAkB,KAAK,MAAM,KAAK;AAAA,MACtD;AACA,aACE,KAAK,MAAM,YACT,qBAAC,WACC;AAAA,4BAAC,cAAW,SAAQ,MAAK,mCAAqB;AAAA,QAC9C,qBAAC,cAAW,SAAQ,SAAQ;AAAA;AAAA,UAAE,KAAK,MAAM,OAAO;AAAA,UAAQ;AAAA,WAAC;AAAA,SAC3D;AAAA,IAGN;AAEA,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","names":[]}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ListItemButtonProps } from '@mui/material';
+import { NavigateOptions, To } from 'react-router-dom';
+export interface ListItemButtonExProps extends ListItemButtonProps {
+    target?: string;
+    to?: To;
+    toOptions?: NavigateOptions;
+}
+export declare const ListItemButtonExTo: React.FC<ListItemButtonExProps>;
+export declare const ListItemButtonEx: React.FC<ListItemButtonExProps>;
+//# sourceMappingURL=ListItemButtonEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../src/components/ListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAU9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ListItemButtonProps } from '@mui/material';
+import { NavigateOptions, To } from 'react-router-dom';
+export interface ListItemButtonExProps extends ListItemButtonProps {
+    target?: string;
+    to?: To;
+    toOptions?: NavigateOptions;
+}
+export declare const ListItemButtonExTo: React.FC<ListItemButtonExProps>;
+export declare const ListItemButtonEx: React.FC<ListItemButtonExProps>;
+//# sourceMappingURL=ListItemButtonEx.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../src/components/ListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAEnE,OAAO,EAAE,eAAe,EAAE,EAAE,EAAe,MAAM,kBAAkB,CAAA;AAEnE,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,EAAE,CAAC,EAAE,EAAE,CAAA;IACP,SAAS,CAAC,EAAE,eAAe,CAAA;CAC5B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAU9D,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAM5D,CAAA"}

package/dist/node/components/ListItemButtonEx.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 ListItemButtonEx_exports = {};
+__export(ListItemButtonEx_exports, {
+  ListItemButtonEx: () => ListItemButtonEx,
+  ListItemButtonExTo: () => ListItemButtonExTo
+});
+module.exports = __toCommonJS(ListItemButtonEx_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_react_router_dom = require("react-router-dom");
+const ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
+  const navigate = (0, import_react_router_dom.useNavigate)();
+  const localOnClick = (event) => {
+    onClick?.(event);
+    if (to) {
+      navigate(to, toOptions);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItemButton, { onClick: localOnClick, ...props });
+};
+const ListItemButtonEx = ({ to, ...props }) => {
+  if (to) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemButtonExTo, { to, ...props });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.ListItemButton, { ...props });
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ListItemButtonEx,
+  ListItemButtonExTo
+});
+//# sourceMappingURL=ListItemButtonEx.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ListItemButtonEx.tsx"],"sourcesContent":["import { ListItemButton, ListItemButtonProps } from '@mui/material'\nimport { MouseEvent } from 'react'\nimport { NavigateOptions, To, useNavigate } from 'react-router-dom'\n\nexport interface ListItemButtonExProps extends ListItemButtonProps {\n  target?: string\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport const ListItemButtonExTo: React.FC<ListItemButtonExProps> = ({ to, toOptions, onClick, ...props }) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLDivElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ListItemButton onClick={localOnClick} {...props} />\n}\n\nexport const ListItemButtonEx: React.FC<ListItemButtonExProps> = ({ to, ...props }) => {\n  if (to) {\n    return <ListItemButtonExTo to={to} {...props} />\n  } else {\n    return <ListItemButton {...props} />\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBS;AAnBT,sBAAoD;AAEpD,8BAAiD;AAQ1C,MAAM,qBAAsD,CAAC,EAAE,IAAI,WAAW,SAAS,GAAG,MAAM,MAAM;AAC3G,QAAM,eAAW,qCAAY;AAC7B,QAAM,eAAe,CAAC,UAAsC;AAC1D,cAAU,KAAK;AACf,QAAI,IAAI;AACN,eAAS,IAAI,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,4CAAC,kCAAe,SAAS,cAAe,GAAG,OAAO;AAC3D;AAEO,MAAM,mBAAoD,CAAC,EAAE,IAAI,GAAG,MAAM,MAAM;AACrF,MAAI,IAAI;AACN,WAAO,4CAAC,sBAAmB,IAAS,GAAG,OAAO;AAAA,EAChD,OAAO;AACL,WAAO,4CAAC,kCAAgB,GAAG,OAAO;AAAA,EACpC;AACF;","names":[]}

package/dist/node/components/ListItemButtonEx.mjs

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { ListItemButton } from "@mui/material";
+import { useNavigate } from "react-router-dom";
+const ListItemButtonExTo = ({ to, toOptions, onClick, ...props }) => {
+  const navigate = useNavigate();
+  const localOnClick = (event) => {
+    onClick?.(event);
+    if (to) {
+      navigate(to, toOptions);
+    }
+  };
+  return /* @__PURE__ */ jsx(ListItemButton, { onClick: localOnClick, ...props });
+};
+const ListItemButtonEx = ({ to, ...props }) => {
+  if (to) {
+    return /* @__PURE__ */ jsx(ListItemButtonExTo, { to, ...props });
+  } else {
+    return /* @__PURE__ */ jsx(ListItemButton, { ...props });
+  }
+};
+export {
+  ListItemButtonEx,
+  ListItemButtonExTo
+};
+//# sourceMappingURL=ListItemButtonEx.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/ListItemButtonEx.tsx"],"sourcesContent":["import { ListItemButton, ListItemButtonProps } from '@mui/material'\nimport { MouseEvent } from 'react'\nimport { NavigateOptions, To, useNavigate } from 'react-router-dom'\n\nexport interface ListItemButtonExProps extends ListItemButtonProps {\n  target?: string\n  to?: To\n  toOptions?: NavigateOptions\n}\n\nexport const ListItemButtonExTo: React.FC<ListItemButtonExProps> = ({ to, toOptions, onClick, ...props }) => {\n  const navigate = useNavigate()\n  const localOnClick = (event: MouseEvent<HTMLDivElement>) => {\n    onClick?.(event)\n    if (to) {\n      navigate(to, toOptions)\n    }\n  }\n\n  return <ListItemButton onClick={localOnClick} {...props} />\n}\n\nexport const ListItemButtonEx: React.FC<ListItemButtonExProps> = ({ to, ...props }) => {\n  if (to) {\n    return <ListItemButtonExTo to={to} {...props} />\n  } else {\n    return <ListItemButton {...props} />\n  }\n}\n"],"mappings":"AAmBS;AAnBT,SAAS,sBAA2C;AAEpD,SAA8B,mBAAmB;AAQ1C,MAAM,qBAAsD,CAAC,EAAE,IAAI,WAAW,SAAS,GAAG,MAAM,MAAM;AAC3G,QAAM,WAAW,YAAY;AAC7B,QAAM,eAAe,CAAC,UAAsC;AAC1D,cAAU,KAAK;AACf,QAAI,IAAI;AACN,eAAS,IAAI,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,oBAAC,kBAAe,SAAS,cAAe,GAAG,OAAO;AAC3D;AAEO,MAAM,mBAAoD,CAAC,EAAE,IAAI,GAAG,MAAM,MAAM;AACrF,MAAI,IAAI;AACN,WAAO,oBAAC,sBAAmB,IAAS,GAAG,OAAO;AAAA,EAChD,OAAO;AACL,WAAO,oBAAC,kBAAgB,GAAG,OAAO;AAAA,EACpC;AACF;","names":[]}

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+export interface LoadResultProps<T> {
+    /** @deprecated - use error prop */
+    apiError?: Error;
+    /** Defer error handling to the children and load them */
+    error?: boolean;
+    notFound: boolean;
+    searchResult: T | undefined;
+}
+export declare function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadResult.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadResult.d.ts","sourceRoot":"","sources":["../../../src/components/LoadResult.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CAazE"}

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

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+export interface LoadResultProps<T> {
+    /** @deprecated - use error prop */
+    apiError?: Error;
+    /** Defer error handling to the children and load them */
+    error?: boolean;
+    notFound: boolean;
+    searchResult: T | undefined;
+}
+export declare function LoadResult<T>(props: PropsWithChildren<LoadResultProps<T>>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LoadResult.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LoadResult.d.ts","sourceRoot":"","sources":["../../../src/components/LoadResult.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,CAAC,GAAG,SAAS,CAAA;CAC5B;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CAazE"}