@xyo-network/react-drawer 2.82.0 → 2.83.0

package/dist/browser/index.d.ts

@@ -1,2 +1,12 @@
-export * from './components/index.ts';
-//# sourceMappingURL=index.d.ts.map
+import { DrawerProps } from '@mui/material';
+import React, { PropsWithChildren } from 'react';
+
+interface DrawerExProps extends PropsWithChildren<DrawerProps> {
+    heightVariant?: 'full' | 'auto';
+    subTitle?: string;
+    title?: string;
+    widthVariant?: 'full' | 'partial';
+}
+declare const DrawerEx: React.FC<DrawerExProps>;
+
+export { DrawerEx, type DrawerExProps };

package/package.json

@@ -20,39 +20,23 @@
   },
   "devDependencies": {
     "@storybook/react": "^8.2.7",
-    "@xylabs/ts-scripts-yarn3": "^3.15.16",
-    "@xylabs/tsconfig-react": "^3.15.16",
+    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.7",
+    "@xylabs/tsconfig-react": "^4.0.0-rc.7",
     "typescript": "^5.5.4"
   },
   "description": "Common React library for all XYO projects that use React",
   "docs": "dist/docs.json",
   "exports": {
     ".": {
-      "node": {
-        "import": {
-          "types": "./dist/node/index.d.mts",
-          "default": "./dist/node/index.mjs"
-        },
-        "require": {
-          "types": "./dist/node/index.d.cts",
-          "default": "./dist/node/index.cjs"
-        }
-      },
-      "browser": {
-        "import": {
-          "types": "./dist/browser/index.d.mts",
-          "default": "./dist/browser/index.mjs"
-        },
-        "require": {
-          "types": "./dist/browser/index.d.cts",
-          "default": "./dist/browser/index.cjs"
-        }
+      "import": {
+        "types": "./dist/browser/index.d.ts",
+        "default": "./dist/browser/index.mjs"
       },
+      "types": "./dist/browser/index.d.ts",
       "default": "./dist/browser/index.mjs"
     },
     "./package.json": "./package.json"
   },
-  "main": "dist/browser/index.cjs",
   "module": "dist/browser/index.mjs",
   "homepage": "https://xyo.network",
   "keywords": [
@@ -75,6 +59,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.82.0",
+  "version": "2.83.0",
   "type": "module"
 }

package/xy.config.ts

@@ -0,0 +1,12 @@
+import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+const config: XyTsupConfig = {
+  compile: {
+    browser: {
+      src: true,
+    },
+    node: {},
+    neutral: {},
+  },
+}
+
+export default config

package/dist/browser/components/Drawer.d.cts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/browser/components/Drawer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/browser/components/Drawer.d.mts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/browser/components/Drawer.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/browser/components/Drawer.d.ts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/browser/components/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/browser/components/index.d.cts

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

package/dist/browser/components/index.d.cts.map

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

package/dist/browser/components/index.d.mts

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

package/dist/browser/components/index.d.mts.map

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

package/dist/browser/components/index.d.ts

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

package/dist/browser/components/index.d.ts.map

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

package/dist/browser/index.cjs

@@ -1,113 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  DrawerEx: () => DrawerEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Drawer.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = __toESM(require("react"), 1);
-var DrawerEx = /* @__PURE__ */ __name(({ children, heightVariant = "full", subTitle, title, onClose, widthVariant = "partial", ...props }) => {
-  const variantBasedProps = (0, import_react.useMemo)(() => {
-    return {
-      PaperProps: {
-        sx: {
-          alignItems: "center",
-          background: "transparent",
-          boxShadow: "none",
-          height: heightVariant === "full" ? "100%" : "auto",
-          width: widthVariant === "partial" ? "auto" : "100%"
-        }
-      },
-      onClick: /* @__PURE__ */ __name((event) => onClose?.(event, "backdropClick"), "onClick")
-    };
-  }, [
-    heightVariant,
-    onClose,
-    widthVariant
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Drawer, {
-    anchor: "top",
-    onClose,
-    ...variantBasedProps,
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(StyledDrawerContentPaper, {
-    widthVariant,
-    elevation: 16,
-    onClick: /* @__PURE__ */ __name((event) => event.stopPropagation(), "onClick"),
-    sx: {
-      width: widthVariant === "full" ? "100%" : void 0
-    }
-  }, title || subTitle ? /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    alignItems: "start",
-    gap: 1
-  }, title ? /* @__PURE__ */ import_react.default.createElement(StyledEllipsisTypography, {
-    variant: "h3"
-  }, title) : null, subTitle ? /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    variant: "subtitle1",
-    textTransform: "none"
-  }, subTitle) : null) : null, children));
-}, "DrawerEx");
-var StyledEllipsisTypography = (0, import_material.styled)(import_material.Typography, {
-  name: "StyledEllipsisTypography"
-})(() => ({
-  maxWidth: "100%",
-  overflowX: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}));
-var StyledDrawerContentPaper = (0, import_material.styled)(import_material.Paper, {
-  name: "StyledDrawerContentPaper",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
-    "widthVariant"
-  ].includes(prop), "shouldForwardProp")
-})(({ theme, widthVariant }) => ({
-  alignItems: "stretch",
-  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2),
-  height: "100%",
-  maxWidth: "100%",
-  overflowX: "hidden",
-  padding: theme.spacing(3),
-  [theme.breakpoints.up("lg")]: {
-    width: widthVariant === "full" ? "100%" : "50%"
-  },
-  [theme.breakpoints.up("md")]: {
-    width: widthVariant === "full" ? "100%" : "75%"
-  }
-}));
-//# sourceMappingURL=index.cjs.map

package/dist/browser/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Drawer.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { Drawer, DrawerProps, Paper, styled, Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { MouseEvent, PropsWithChildren, useMemo } from 'react'\n\nexport interface DrawerExProps extends PropsWithChildren<DrawerProps> {\n  heightVariant?: 'full' | 'auto'\n  subTitle?: string\n  title?: string\n  widthVariant?: 'full' | 'partial'\n}\n\nexport const DrawerEx: React.FC<DrawerExProps> = ({\n  children,\n  heightVariant = 'full',\n  subTitle,\n  title,\n  onClose,\n  widthVariant = 'partial',\n  ...props\n}) => {\n  const variantBasedProps = useMemo(() => {\n    return {\n      PaperProps: {\n        sx: {\n          alignItems: 'center',\n          background: 'transparent',\n          boxShadow: 'none',\n          height: heightVariant === 'full' ? '100%' : 'auto',\n          width: widthVariant === 'partial' ? 'auto' : '100%',\n        },\n      },\n      onClick: (event: MouseEvent) => onClose?.(event, 'backdropClick'),\n    }\n  }, [heightVariant, onClose, widthVariant])\n\n  return (\n    <Drawer anchor=\"top\" onClose={onClose} {...variantBasedProps} {...props}>\n      {/* Trap the event to prevent triggering the backdrop onClick */}\n      <StyledDrawerContentPaper\n        widthVariant={widthVariant}\n        elevation={16}\n        onClick={event => event.stopPropagation()}\n        sx={{ width: widthVariant === 'full' ? '100%' : undefined }}\n      >\n        {title || subTitle\n          ? (\n              <FlexCol alignItems=\"start\" gap={1}>\n                {title\n                  ? <StyledEllipsisTypography variant=\"h3\">{title}</StyledEllipsisTypography>\n                  : null}\n                {subTitle\n                  ? (\n                      <Typography variant=\"subtitle1\" textTransform=\"none\">\n                        {subTitle}\n                      </Typography>\n                    )\n                  : null}\n              </FlexCol>\n            )\n          : null}\n        {children}\n      </StyledDrawerContentPaper>\n    </Drawer>\n  )\n}\n\nconst StyledEllipsisTypography = styled(Typography, { name: 'StyledEllipsisTypography' })(() => ({\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n\nconst StyledDrawerContentPaper = styled(Paper, {\n  name: 'StyledDrawerContentPaper',\n  shouldForwardProp: prop => !['widthVariant'].includes(prop as string),\n})<DrawerExProps>(({ theme, widthVariant }) => ({\n  alignItems: 'stretch',\n  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  height: '100%',\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  padding: theme.spacing(3),\n  [theme.breakpoints.up('lg')]: {\n    width: widthVariant === 'full' ? '100%' : '50%',\n  },\n  [theme.breakpoints.up('md')]: {\n    width: widthVariant === 'full' ? '100%' : '75%',\n  },\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA+D;AAC/D,2BAAwB;AACxB,mBAA8D;AASvD,IAAMA,WAAoC,wBAAC,EAChDC,UACAC,gBAAgB,QAChBC,UACAC,OACAC,SACAC,eAAe,WACf,GAAGC,MAAAA,MACJ;AACC,QAAMC,wBAAoBC,sBAAQ,MAAA;AAChC,WAAO;MACLC,YAAY;QACVC,IAAI;UACFC,YAAY;UACZC,YAAY;UACZC,WAAW;UACXC,QAAQb,kBAAkB,SAAS,SAAS;UAC5Cc,OAAOV,iBAAiB,YAAY,SAAS;QAC/C;MACF;MACAW,SAAS,wBAACC,UAAsBb,UAAUa,OAAO,eAAA,GAAxC;IACX;EACF,GAAG;IAAChB;IAAeG;IAASC;GAAa;AAEzC,SACE,6BAAAa,QAAA,cAACC,wBAAAA;IAAOC,QAAO;IAAMhB;IAAmB,GAAGG;IAAoB,GAAGD;KAEhE,6BAAAY,QAAA,cAACG,0BAAAA;IACChB;IACAiB,WAAW;IACXN,SAASC,wBAAAA,UAASA,MAAMM,gBAAe,GAA9BN;IACTP,IAAI;MAAEK,OAAOV,iBAAiB,SAAS,SAASmB;IAAU;KAEzDrB,SAASD,WAEJ,6BAAAgB,QAAA,cAACO,8BAAAA;IAAQd,YAAW;IAAQe,KAAK;KAC9BvB,QACG,6BAAAe,QAAA,cAACS,0BAAAA;IAAyBC,SAAQ;KAAMzB,KAAAA,IACxC,MACHD,WAEK,6BAAAgB,QAAA,cAACW,4BAAAA;IAAWD,SAAQ;IAAYE,eAAc;KAC3C5B,QAAAA,IAGL,IAAA,IAGR,MACHF,QAAAA,CAAAA;AAIT,GArDiD;AAuDjD,IAAM2B,+BAA2BI,wBAAOF,4BAAY;EAAEG,MAAM;AAA2B,CAAA,EAAG,OAAO;EAC/FC,UAAU;EACVC,WAAW;EACXC,cAAc;EACdC,YAAY;AACd,EAAA;AAEA,IAAMf,+BAA2BU,wBAAOM,uBAAO;EAC7CL,MAAM;EACNM,mBAAmBC,wBAAAA,SAAQ,CAAC;IAAC;IAAgBC,SAASD,IAAAA,GAAnCA;AACrB,CAAA,EAAkB,CAAC,EAAEE,OAAOpC,aAAY,OAAQ;EAC9CM,YAAY;EACZ+B,cAAc,OAAOD,MAAME,MAAMD,YAAY,MAAMD,MAAME,MAAMD,YAAY;EAC3EE,SAAS;EACTC,eAAe;EACfnB,KAAKe,MAAMK,QAAQ,CAAA;EACnBhC,QAAQ;EACRmB,UAAU;EACVC,WAAW;EACXa,SAASN,MAAMK,QAAQ,CAAA;EACvB,CAACL,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;EACA,CAACoC,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;AACF,EAAA;","names":["DrawerEx","children","heightVariant","subTitle","title","onClose","widthVariant","props","variantBasedProps","useMemo","PaperProps","sx","alignItems","background","boxShadow","height","width","onClick","event","React","Drawer","anchor","StyledDrawerContentPaper","elevation","stopPropagation","undefined","FlexCol","gap","StyledEllipsisTypography","variant","Typography","textTransform","styled","name","maxWidth","overflowX","textOverflow","whiteSpace","Paper","shouldForwardProp","prop","includes","theme","borderRadius","shape","display","flexDirection","spacing","padding","breakpoints","up"]}

package/dist/browser/index.d.cts

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

package/dist/browser/index.d.cts.map

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

package/dist/browser/index.d.mts

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

package/dist/browser/index.d.mts.map

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

package/dist/browser/index.d.ts.map

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

package/dist/neutral/components/Drawer.d.cts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/neutral/components/Drawer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/neutral/components/Drawer.d.mts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/neutral/components/Drawer.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/neutral/components/Drawer.d.ts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/neutral/components/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/neutral/components/index.d.cts

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

package/dist/neutral/components/index.d.cts.map

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

package/dist/neutral/components/index.d.mts

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

package/dist/neutral/components/index.d.mts.map

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

package/dist/neutral/components/index.d.ts

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

package/dist/neutral/components/index.d.ts.map

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

package/dist/neutral/index.cjs

@@ -1,113 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  DrawerEx: () => DrawerEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Drawer.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = __toESM(require("react"), 1);
-var DrawerEx = /* @__PURE__ */ __name(({ children, heightVariant = "full", subTitle, title, onClose, widthVariant = "partial", ...props }) => {
-  const variantBasedProps = (0, import_react.useMemo)(() => {
-    return {
-      PaperProps: {
-        sx: {
-          alignItems: "center",
-          background: "transparent",
-          boxShadow: "none",
-          height: heightVariant === "full" ? "100%" : "auto",
-          width: widthVariant === "partial" ? "auto" : "100%"
-        }
-      },
-      onClick: /* @__PURE__ */ __name((event) => onClose?.(event, "backdropClick"), "onClick")
-    };
-  }, [
-    heightVariant,
-    onClose,
-    widthVariant
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Drawer, {
-    anchor: "top",
-    onClose,
-    ...variantBasedProps,
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(StyledDrawerContentPaper, {
-    widthVariant,
-    elevation: 16,
-    onClick: /* @__PURE__ */ __name((event) => event.stopPropagation(), "onClick"),
-    sx: {
-      width: widthVariant === "full" ? "100%" : void 0
-    }
-  }, title || subTitle ? /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    alignItems: "start",
-    gap: 1
-  }, title ? /* @__PURE__ */ import_react.default.createElement(StyledEllipsisTypography, {
-    variant: "h3"
-  }, title) : null, subTitle ? /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    variant: "subtitle1",
-    textTransform: "none"
-  }, subTitle) : null) : null, children));
-}, "DrawerEx");
-var StyledEllipsisTypography = (0, import_material.styled)(import_material.Typography, {
-  name: "StyledEllipsisTypography"
-})(() => ({
-  maxWidth: "100%",
-  overflowX: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}));
-var StyledDrawerContentPaper = (0, import_material.styled)(import_material.Paper, {
-  name: "StyledDrawerContentPaper",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
-    "widthVariant"
-  ].includes(prop), "shouldForwardProp")
-})(({ theme, widthVariant }) => ({
-  alignItems: "stretch",
-  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2),
-  height: "100%",
-  maxWidth: "100%",
-  overflowX: "hidden",
-  padding: theme.spacing(3),
-  [theme.breakpoints.up("lg")]: {
-    width: widthVariant === "full" ? "100%" : "50%"
-  },
-  [theme.breakpoints.up("md")]: {
-    width: widthVariant === "full" ? "100%" : "75%"
-  }
-}));
-//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Drawer.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { Drawer, DrawerProps, Paper, styled, Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { MouseEvent, PropsWithChildren, useMemo } from 'react'\n\nexport interface DrawerExProps extends PropsWithChildren<DrawerProps> {\n  heightVariant?: 'full' | 'auto'\n  subTitle?: string\n  title?: string\n  widthVariant?: 'full' | 'partial'\n}\n\nexport const DrawerEx: React.FC<DrawerExProps> = ({\n  children,\n  heightVariant = 'full',\n  subTitle,\n  title,\n  onClose,\n  widthVariant = 'partial',\n  ...props\n}) => {\n  const variantBasedProps = useMemo(() => {\n    return {\n      PaperProps: {\n        sx: {\n          alignItems: 'center',\n          background: 'transparent',\n          boxShadow: 'none',\n          height: heightVariant === 'full' ? '100%' : 'auto',\n          width: widthVariant === 'partial' ? 'auto' : '100%',\n        },\n      },\n      onClick: (event: MouseEvent) => onClose?.(event, 'backdropClick'),\n    }\n  }, [heightVariant, onClose, widthVariant])\n\n  return (\n    <Drawer anchor=\"top\" onClose={onClose} {...variantBasedProps} {...props}>\n      {/* Trap the event to prevent triggering the backdrop onClick */}\n      <StyledDrawerContentPaper\n        widthVariant={widthVariant}\n        elevation={16}\n        onClick={event => event.stopPropagation()}\n        sx={{ width: widthVariant === 'full' ? '100%' : undefined }}\n      >\n        {title || subTitle\n          ? (\n              <FlexCol alignItems=\"start\" gap={1}>\n                {title\n                  ? <StyledEllipsisTypography variant=\"h3\">{title}</StyledEllipsisTypography>\n                  : null}\n                {subTitle\n                  ? (\n                      <Typography variant=\"subtitle1\" textTransform=\"none\">\n                        {subTitle}\n                      </Typography>\n                    )\n                  : null}\n              </FlexCol>\n            )\n          : null}\n        {children}\n      </StyledDrawerContentPaper>\n    </Drawer>\n  )\n}\n\nconst StyledEllipsisTypography = styled(Typography, { name: 'StyledEllipsisTypography' })(() => ({\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n\nconst StyledDrawerContentPaper = styled(Paper, {\n  name: 'StyledDrawerContentPaper',\n  shouldForwardProp: prop => !['widthVariant'].includes(prop as string),\n})<DrawerExProps>(({ theme, widthVariant }) => ({\n  alignItems: 'stretch',\n  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  height: '100%',\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  padding: theme.spacing(3),\n  [theme.breakpoints.up('lg')]: {\n    width: widthVariant === 'full' ? '100%' : '50%',\n  },\n  [theme.breakpoints.up('md')]: {\n    width: widthVariant === 'full' ? '100%' : '75%',\n  },\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA+D;AAC/D,2BAAwB;AACxB,mBAA8D;AASvD,IAAMA,WAAoC,wBAAC,EAChDC,UACAC,gBAAgB,QAChBC,UACAC,OACAC,SACAC,eAAe,WACf,GAAGC,MAAAA,MACJ;AACC,QAAMC,wBAAoBC,sBAAQ,MAAA;AAChC,WAAO;MACLC,YAAY;QACVC,IAAI;UACFC,YAAY;UACZC,YAAY;UACZC,WAAW;UACXC,QAAQb,kBAAkB,SAAS,SAAS;UAC5Cc,OAAOV,iBAAiB,YAAY,SAAS;QAC/C;MACF;MACAW,SAAS,wBAACC,UAAsBb,UAAUa,OAAO,eAAA,GAAxC;IACX;EACF,GAAG;IAAChB;IAAeG;IAASC;GAAa;AAEzC,SACE,6BAAAa,QAAA,cAACC,wBAAAA;IAAOC,QAAO;IAAMhB;IAAmB,GAAGG;IAAoB,GAAGD;KAEhE,6BAAAY,QAAA,cAACG,0BAAAA;IACChB;IACAiB,WAAW;IACXN,SAASC,wBAAAA,UAASA,MAAMM,gBAAe,GAA9BN;IACTP,IAAI;MAAEK,OAAOV,iBAAiB,SAAS,SAASmB;IAAU;KAEzDrB,SAASD,WAEJ,6BAAAgB,QAAA,cAACO,8BAAAA;IAAQd,YAAW;IAAQe,KAAK;KAC9BvB,QACG,6BAAAe,QAAA,cAACS,0BAAAA;IAAyBC,SAAQ;KAAMzB,KAAAA,IACxC,MACHD,WAEK,6BAAAgB,QAAA,cAACW,4BAAAA;IAAWD,SAAQ;IAAYE,eAAc;KAC3C5B,QAAAA,IAGL,IAAA,IAGR,MACHF,QAAAA,CAAAA;AAIT,GArDiD;AAuDjD,IAAM2B,+BAA2BI,wBAAOF,4BAAY;EAAEG,MAAM;AAA2B,CAAA,EAAG,OAAO;EAC/FC,UAAU;EACVC,WAAW;EACXC,cAAc;EACdC,YAAY;AACd,EAAA;AAEA,IAAMf,+BAA2BU,wBAAOM,uBAAO;EAC7CL,MAAM;EACNM,mBAAmBC,wBAAAA,SAAQ,CAAC;IAAC;IAAgBC,SAASD,IAAAA,GAAnCA;AACrB,CAAA,EAAkB,CAAC,EAAEE,OAAOpC,aAAY,OAAQ;EAC9CM,YAAY;EACZ+B,cAAc,OAAOD,MAAME,MAAMD,YAAY,MAAMD,MAAME,MAAMD,YAAY;EAC3EE,SAAS;EACTC,eAAe;EACfnB,KAAKe,MAAMK,QAAQ,CAAA;EACnBhC,QAAQ;EACRmB,UAAU;EACVC,WAAW;EACXa,SAASN,MAAMK,QAAQ,CAAA;EACvB,CAACL,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;EACA,CAACoC,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;AACF,EAAA;","names":["DrawerEx","children","heightVariant","subTitle","title","onClose","widthVariant","props","variantBasedProps","useMemo","PaperProps","sx","alignItems","background","boxShadow","height","width","onClick","event","React","Drawer","anchor","StyledDrawerContentPaper","elevation","stopPropagation","undefined","FlexCol","gap","StyledEllipsisTypography","variant","Typography","textTransform","styled","name","maxWidth","overflowX","textOverflow","whiteSpace","Paper","shouldForwardProp","prop","includes","theme","borderRadius","shape","display","flexDirection","spacing","padding","breakpoints","up"]}

package/dist/neutral/index.d.cts

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

package/dist/neutral/index.d.cts.map

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

package/dist/neutral/index.d.mts

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

package/dist/neutral/index.d.mts.map

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

package/dist/neutral/index.d.ts

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

package/dist/neutral/index.d.ts.map

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

package/dist/neutral/index.mjs

@@ -1,82 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Drawer.tsx
-import { Drawer, Paper, styled, Typography } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import React, { useMemo } from "react";
-var DrawerEx = /* @__PURE__ */ __name(({ children, heightVariant = "full", subTitle, title, onClose, widthVariant = "partial", ...props }) => {
-  const variantBasedProps = useMemo(() => {
-    return {
-      PaperProps: {
-        sx: {
-          alignItems: "center",
-          background: "transparent",
-          boxShadow: "none",
-          height: heightVariant === "full" ? "100%" : "auto",
-          width: widthVariant === "partial" ? "auto" : "100%"
-        }
-      },
-      onClick: /* @__PURE__ */ __name((event) => onClose?.(event, "backdropClick"), "onClick")
-    };
-  }, [
-    heightVariant,
-    onClose,
-    widthVariant
-  ]);
-  return /* @__PURE__ */ React.createElement(Drawer, {
-    anchor: "top",
-    onClose,
-    ...variantBasedProps,
-    ...props
-  }, /* @__PURE__ */ React.createElement(StyledDrawerContentPaper, {
-    widthVariant,
-    elevation: 16,
-    onClick: /* @__PURE__ */ __name((event) => event.stopPropagation(), "onClick"),
-    sx: {
-      width: widthVariant === "full" ? "100%" : void 0
-    }
-  }, title || subTitle ? /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "start",
-    gap: 1
-  }, title ? /* @__PURE__ */ React.createElement(StyledEllipsisTypography, {
-    variant: "h3"
-  }, title) : null, subTitle ? /* @__PURE__ */ React.createElement(Typography, {
-    variant: "subtitle1",
-    textTransform: "none"
-  }, subTitle) : null) : null, children));
-}, "DrawerEx");
-var StyledEllipsisTypography = styled(Typography, {
-  name: "StyledEllipsisTypography"
-})(() => ({
-  maxWidth: "100%",
-  overflowX: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}));
-var StyledDrawerContentPaper = styled(Paper, {
-  name: "StyledDrawerContentPaper",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
-    "widthVariant"
-  ].includes(prop), "shouldForwardProp")
-})(({ theme, widthVariant }) => ({
-  alignItems: "stretch",
-  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2),
-  height: "100%",
-  maxWidth: "100%",
-  overflowX: "hidden",
-  padding: theme.spacing(3),
-  [theme.breakpoints.up("lg")]: {
-    width: widthVariant === "full" ? "100%" : "50%"
-  },
-  [theme.breakpoints.up("md")]: {
-    width: widthVariant === "full" ? "100%" : "75%"
-  }
-}));
-export {
-  DrawerEx
-};
-//# sourceMappingURL=index.mjs.map

package/dist/neutral/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import { Drawer, DrawerProps, Paper, styled, Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { MouseEvent, PropsWithChildren, useMemo } from 'react'\n\nexport interface DrawerExProps extends PropsWithChildren<DrawerProps> {\n  heightVariant?: 'full' | 'auto'\n  subTitle?: string\n  title?: string\n  widthVariant?: 'full' | 'partial'\n}\n\nexport const DrawerEx: React.FC<DrawerExProps> = ({\n  children,\n  heightVariant = 'full',\n  subTitle,\n  title,\n  onClose,\n  widthVariant = 'partial',\n  ...props\n}) => {\n  const variantBasedProps = useMemo(() => {\n    return {\n      PaperProps: {\n        sx: {\n          alignItems: 'center',\n          background: 'transparent',\n          boxShadow: 'none',\n          height: heightVariant === 'full' ? '100%' : 'auto',\n          width: widthVariant === 'partial' ? 'auto' : '100%',\n        },\n      },\n      onClick: (event: MouseEvent) => onClose?.(event, 'backdropClick'),\n    }\n  }, [heightVariant, onClose, widthVariant])\n\n  return (\n    <Drawer anchor=\"top\" onClose={onClose} {...variantBasedProps} {...props}>\n      {/* Trap the event to prevent triggering the backdrop onClick */}\n      <StyledDrawerContentPaper\n        widthVariant={widthVariant}\n        elevation={16}\n        onClick={event => event.stopPropagation()}\n        sx={{ width: widthVariant === 'full' ? '100%' : undefined }}\n      >\n        {title || subTitle\n          ? (\n              <FlexCol alignItems=\"start\" gap={1}>\n                {title\n                  ? <StyledEllipsisTypography variant=\"h3\">{title}</StyledEllipsisTypography>\n                  : null}\n                {subTitle\n                  ? (\n                      <Typography variant=\"subtitle1\" textTransform=\"none\">\n                        {subTitle}\n                      </Typography>\n                    )\n                  : null}\n              </FlexCol>\n            )\n          : null}\n        {children}\n      </StyledDrawerContentPaper>\n    </Drawer>\n  )\n}\n\nconst StyledEllipsisTypography = styled(Typography, { name: 'StyledEllipsisTypography' })(() => ({\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n\nconst StyledDrawerContentPaper = styled(Paper, {\n  name: 'StyledDrawerContentPaper',\n  shouldForwardProp: prop => !['widthVariant'].includes(prop as string),\n})<DrawerExProps>(({ theme, widthVariant }) => ({\n  alignItems: 'stretch',\n  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  height: '100%',\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  padding: theme.spacing(3),\n  [theme.breakpoints.up('lg')]: {\n    width: widthVariant === 'full' ? '100%' : '50%',\n  },\n  [theme.breakpoints.up('md')]: {\n    width: widthVariant === 'full' ? '100%' : '75%',\n  },\n}))\n"],"mappings":";;;;AAAA,SAASA,QAAqBC,OAAOC,QAAQC,kBAAkB;AAC/D,SAASC,eAAe;AACxB,OAAOC,SAAwCC,eAAe;AASvD,IAAMC,WAAoC,wBAAC,EAChDC,UACAC,gBAAgB,QAChBC,UACAC,OACAC,SACAC,eAAe,WACf,GAAGC,MAAAA,MACJ;AACC,QAAMC,oBAAoBC,QAAQ,MAAA;AAChC,WAAO;MACLC,YAAY;QACVC,IAAI;UACFC,YAAY;UACZC,YAAY;UACZC,WAAW;UACXC,QAAQb,kBAAkB,SAAS,SAAS;UAC5Cc,OAAOV,iBAAiB,YAAY,SAAS;QAC/C;MACF;MACAW,SAAS,wBAACC,UAAsBb,UAAUa,OAAO,eAAA,GAAxC;IACX;EACF,GAAG;IAAChB;IAAeG;IAASC;GAAa;AAEzC,SACE,sBAAA,cAACa,QAAAA;IAAOC,QAAO;IAAMf;IAAmB,GAAGG;IAAoB,GAAGD;KAEhE,sBAAA,cAACc,0BAAAA;IACCf;IACAgB,WAAW;IACXL,SAASC,wBAAAA,UAASA,MAAMK,gBAAe,GAA9BL;IACTP,IAAI;MAAEK,OAAOV,iBAAiB,SAAS,SAASkB;IAAU;KAEzDpB,SAASD,WAEJ,sBAAA,cAACsB,SAAAA;IAAQb,YAAW;IAAQc,KAAK;KAC9BtB,QACG,sBAAA,cAACuB,0BAAAA;IAAyBC,SAAQ;KAAMxB,KAAAA,IACxC,MACHD,WAEK,sBAAA,cAAC0B,YAAAA;IAAWD,SAAQ;IAAYE,eAAc;KAC3C3B,QAAAA,IAGL,IAAA,IAGR,MACHF,QAAAA,CAAAA;AAIT,GArDiD;AAuDjD,IAAM0B,2BAA2BI,OAAOF,YAAY;EAAEG,MAAM;AAA2B,CAAA,EAAG,OAAO;EAC/FC,UAAU;EACVC,WAAW;EACXC,cAAc;EACdC,YAAY;AACd,EAAA;AAEA,IAAMf,2BAA2BU,OAAOM,OAAO;EAC7CL,MAAM;EACNM,mBAAmBC,wBAAAA,SAAQ,CAAC;IAAC;IAAgBC,SAASD,IAAAA,GAAnCA;AACrB,CAAA,EAAkB,CAAC,EAAEE,OAAOnC,aAAY,OAAQ;EAC9CM,YAAY;EACZ8B,cAAc,OAAOD,MAAME,MAAMD,YAAY,MAAMD,MAAME,MAAMD,YAAY;EAC3EE,SAAS;EACTC,eAAe;EACfnB,KAAKe,MAAMK,QAAQ,CAAA;EACnB/B,QAAQ;EACRkB,UAAU;EACVC,WAAW;EACXa,SAASN,MAAMK,QAAQ,CAAA;EACvB,CAACL,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BjC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;EACA,CAACmC,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BjC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;AACF,EAAA;","names":["Drawer","Paper","styled","Typography","FlexCol","React","useMemo","DrawerEx","children","heightVariant","subTitle","title","onClose","widthVariant","props","variantBasedProps","useMemo","PaperProps","sx","alignItems","background","boxShadow","height","width","onClick","event","Drawer","anchor","StyledDrawerContentPaper","elevation","stopPropagation","undefined","FlexCol","gap","StyledEllipsisTypography","variant","Typography","textTransform","styled","name","maxWidth","overflowX","textOverflow","whiteSpace","Paper","shouldForwardProp","prop","includes","theme","borderRadius","shape","display","flexDirection","spacing","padding","breakpoints","up"]}

package/dist/node/components/Drawer.d.cts

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

package/dist/node/components/Drawer.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

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

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

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

@@ -1,10 +0,0 @@
-import { DrawerProps } from '@mui/material';
-import React, { PropsWithChildren } from 'react';
-export interface DrawerExProps extends PropsWithChildren<DrawerProps> {
-    heightVariant?: 'full' | 'auto';
-    subTitle?: string;
-    title?: string;
-    widthVariant?: 'full' | 'partial';
-}
-export declare const DrawerEx: React.FC<DrawerExProps>;
-//# sourceMappingURL=Drawer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAA6B,MAAM,eAAe,CAAA;AAE9E,OAAO,KAAK,EAAE,EAAc,iBAAiB,EAAW,MAAM,OAAO,CAAA;AAErE,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,WAAW,CAAC;IACnE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqD5C,CAAA"}

package/dist/node/components/index.d.cts

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

package/dist/node/components/index.d.cts.map

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

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

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

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

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

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

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

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

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

package/dist/node/index.cjs

@@ -1,117 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  DrawerEx: () => DrawerEx
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/components/Drawer.tsx
-var import_material = require("@mui/material");
-var import_react_flexbox = require("@xylabs/react-flexbox");
-var import_react = __toESM(require("react"), 1);
-var DrawerEx = /* @__PURE__ */ __name(({ children, heightVariant = "full", subTitle, title, onClose, widthVariant = "partial", ...props }) => {
-  const variantBasedProps = (0, import_react.useMemo)(() => {
-    return {
-      PaperProps: {
-        sx: {
-          alignItems: "center",
-          background: "transparent",
-          boxShadow: "none",
-          height: heightVariant === "full" ? "100%" : "auto",
-          width: widthVariant === "partial" ? "auto" : "100%"
-        }
-      },
-      onClick: /* @__PURE__ */ __name((event) => onClose == null ? void 0 : onClose(event, "backdropClick"), "onClick")
-    };
-  }, [
-    heightVariant,
-    onClose,
-    widthVariant
-  ]);
-  return /* @__PURE__ */ import_react.default.createElement(import_material.Drawer, {
-    anchor: "top",
-    onClose,
-    ...variantBasedProps,
-    ...props
-  }, /* @__PURE__ */ import_react.default.createElement(StyledDrawerContentPaper, {
-    widthVariant,
-    elevation: 16,
-    onClick: /* @__PURE__ */ __name((event) => event.stopPropagation(), "onClick"),
-    sx: {
-      width: widthVariant === "full" ? "100%" : void 0
-    }
-  }, title || subTitle ? /* @__PURE__ */ import_react.default.createElement(import_react_flexbox.FlexCol, {
-    alignItems: "start",
-    gap: 1
-  }, title ? /* @__PURE__ */ import_react.default.createElement(StyledEllipsisTypography, {
-    variant: "h3"
-  }, title) : null, subTitle ? /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
-    variant: "subtitle1",
-    textTransform: "none"
-  }, subTitle) : null) : null, children));
-}, "DrawerEx");
-var StyledEllipsisTypography = (0, import_material.styled)(import_material.Typography, {
-  name: "StyledEllipsisTypography"
-})(() => ({
-  maxWidth: "100%",
-  overflowX: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}));
-var StyledDrawerContentPaper = (0, import_material.styled)(import_material.Paper, {
-  name: "StyledDrawerContentPaper",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
-    "widthVariant"
-  ].includes(prop), "shouldForwardProp")
-})(({ theme, widthVariant }) => ({
-  alignItems: "stretch",
-  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2),
-  height: "100%",
-  maxWidth: "100%",
-  overflowX: "hidden",
-  padding: theme.spacing(3),
-  [theme.breakpoints.up("lg")]: {
-    width: widthVariant === "full" ? "100%" : "50%"
-  },
-  [theme.breakpoints.up("md")]: {
-    width: widthVariant === "full" ? "100%" : "75%"
-  }
-}));
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DrawerEx
-});
-//# sourceMappingURL=index.cjs.map

package/dist/node/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/index.ts","../../src/components/Drawer.tsx"],"sourcesContent":["export * from './components/index.ts'\n","import { Drawer, DrawerProps, Paper, styled, Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { MouseEvent, PropsWithChildren, useMemo } from 'react'\n\nexport interface DrawerExProps extends PropsWithChildren<DrawerProps> {\n  heightVariant?: 'full' | 'auto'\n  subTitle?: string\n  title?: string\n  widthVariant?: 'full' | 'partial'\n}\n\nexport const DrawerEx: React.FC<DrawerExProps> = ({\n  children,\n  heightVariant = 'full',\n  subTitle,\n  title,\n  onClose,\n  widthVariant = 'partial',\n  ...props\n}) => {\n  const variantBasedProps = useMemo(() => {\n    return {\n      PaperProps: {\n        sx: {\n          alignItems: 'center',\n          background: 'transparent',\n          boxShadow: 'none',\n          height: heightVariant === 'full' ? '100%' : 'auto',\n          width: widthVariant === 'partial' ? 'auto' : '100%',\n        },\n      },\n      onClick: (event: MouseEvent) => onClose?.(event, 'backdropClick'),\n    }\n  }, [heightVariant, onClose, widthVariant])\n\n  return (\n    <Drawer anchor=\"top\" onClose={onClose} {...variantBasedProps} {...props}>\n      {/* Trap the event to prevent triggering the backdrop onClick */}\n      <StyledDrawerContentPaper\n        widthVariant={widthVariant}\n        elevation={16}\n        onClick={event => event.stopPropagation()}\n        sx={{ width: widthVariant === 'full' ? '100%' : undefined }}\n      >\n        {title || subTitle\n          ? (\n              <FlexCol alignItems=\"start\" gap={1}>\n                {title\n                  ? <StyledEllipsisTypography variant=\"h3\">{title}</StyledEllipsisTypography>\n                  : null}\n                {subTitle\n                  ? (\n                      <Typography variant=\"subtitle1\" textTransform=\"none\">\n                        {subTitle}\n                      </Typography>\n                    )\n                  : null}\n              </FlexCol>\n            )\n          : null}\n        {children}\n      </StyledDrawerContentPaper>\n    </Drawer>\n  )\n}\n\nconst StyledEllipsisTypography = styled(Typography, { name: 'StyledEllipsisTypography' })(() => ({\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n\nconst StyledDrawerContentPaper = styled(Paper, {\n  name: 'StyledDrawerContentPaper',\n  shouldForwardProp: prop => !['widthVariant'].includes(prop as string),\n})<DrawerExProps>(({ theme, widthVariant }) => ({\n  alignItems: 'stretch',\n  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  height: '100%',\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  padding: theme.spacing(3),\n  [theme.breakpoints.up('lg')]: {\n    width: widthVariant === 'full' ? '100%' : '50%',\n  },\n  [theme.breakpoints.up('md')]: {\n    width: widthVariant === 'full' ? '100%' : '75%',\n  },\n}))\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;ACAA,sBAA+D;AAC/D,2BAAwB;AACxB,mBAA8D;AASvD,IAAMA,WAAoC,wBAAC,EAChDC,UACAC,gBAAgB,QAChBC,UACAC,OACAC,SACAC,eAAe,WACf,GAAGC,MAAAA,MACJ;AACC,QAAMC,wBAAoBC,sBAAQ,MAAA;AAChC,WAAO;MACLC,YAAY;QACVC,IAAI;UACFC,YAAY;UACZC,YAAY;UACZC,WAAW;UACXC,QAAQb,kBAAkB,SAAS,SAAS;UAC5Cc,OAAOV,iBAAiB,YAAY,SAAS;QAC/C;MACF;MACAW,SAAS,wBAACC,UAAsBb,mCAAUa,OAAO,kBAAxC;IACX;EACF,GAAG;IAAChB;IAAeG;IAASC;GAAa;AAEzC,SACE,6BAAAa,QAAA,cAACC,wBAAAA;IAAOC,QAAO;IAAMhB;IAAmB,GAAGG;IAAoB,GAAGD;KAEhE,6BAAAY,QAAA,cAACG,0BAAAA;IACChB;IACAiB,WAAW;IACXN,SAASC,wBAAAA,UAASA,MAAMM,gBAAe,GAA9BN;IACTP,IAAI;MAAEK,OAAOV,iBAAiB,SAAS,SAASmB;IAAU;KAEzDrB,SAASD,WAEJ,6BAAAgB,QAAA,cAACO,8BAAAA;IAAQd,YAAW;IAAQe,KAAK;KAC9BvB,QACG,6BAAAe,QAAA,cAACS,0BAAAA;IAAyBC,SAAQ;KAAMzB,KAAAA,IACxC,MACHD,WAEK,6BAAAgB,QAAA,cAACW,4BAAAA;IAAWD,SAAQ;IAAYE,eAAc;KAC3C5B,QAAAA,IAGL,IAAA,IAGR,MACHF,QAAAA,CAAAA;AAIT,GArDiD;AAuDjD,IAAM2B,+BAA2BI,wBAAOF,4BAAY;EAAEG,MAAM;AAA2B,CAAA,EAAG,OAAO;EAC/FC,UAAU;EACVC,WAAW;EACXC,cAAc;EACdC,YAAY;AACd,EAAA;AAEA,IAAMf,+BAA2BU,wBAAOM,uBAAO;EAC7CL,MAAM;EACNM,mBAAmBC,wBAAAA,SAAQ,CAAC;IAAC;IAAgBC,SAASD,IAAAA,GAAnCA;AACrB,CAAA,EAAkB,CAAC,EAAEE,OAAOpC,aAAY,OAAQ;EAC9CM,YAAY;EACZ+B,cAAc,OAAOD,MAAME,MAAMD,YAAY,MAAMD,MAAME,MAAMD,YAAY;EAC3EE,SAAS;EACTC,eAAe;EACfnB,KAAKe,MAAMK,QAAQ,CAAA;EACnBhC,QAAQ;EACRmB,UAAU;EACVC,WAAW;EACXa,SAASN,MAAMK,QAAQ,CAAA;EACvB,CAACL,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;EACA,CAACoC,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BlC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;AACF,EAAA;","names":["DrawerEx","children","heightVariant","subTitle","title","onClose","widthVariant","props","variantBasedProps","useMemo","PaperProps","sx","alignItems","background","boxShadow","height","width","onClick","event","React","Drawer","anchor","StyledDrawerContentPaper","elevation","stopPropagation","undefined","FlexCol","gap","StyledEllipsisTypography","variant","Typography","textTransform","styled","name","maxWidth","overflowX","textOverflow","whiteSpace","Paper","shouldForwardProp","prop","includes","theme","borderRadius","shape","display","flexDirection","spacing","padding","breakpoints","up"]}

package/dist/node/index.d.cts

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

package/dist/node/index.d.cts.map

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

package/dist/node/index.d.mts

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

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

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

package/dist/node/index.d.ts

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

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

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

package/dist/node/index.mjs

@@ -1,82 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// src/components/Drawer.tsx
-import { Drawer, Paper, styled, Typography } from "@mui/material";
-import { FlexCol } from "@xylabs/react-flexbox";
-import React, { useMemo } from "react";
-var DrawerEx = /* @__PURE__ */ __name(({ children, heightVariant = "full", subTitle, title, onClose, widthVariant = "partial", ...props }) => {
-  const variantBasedProps = useMemo(() => {
-    return {
-      PaperProps: {
-        sx: {
-          alignItems: "center",
-          background: "transparent",
-          boxShadow: "none",
-          height: heightVariant === "full" ? "100%" : "auto",
-          width: widthVariant === "partial" ? "auto" : "100%"
-        }
-      },
-      onClick: /* @__PURE__ */ __name((event) => onClose == null ? void 0 : onClose(event, "backdropClick"), "onClick")
-    };
-  }, [
-    heightVariant,
-    onClose,
-    widthVariant
-  ]);
-  return /* @__PURE__ */ React.createElement(Drawer, {
-    anchor: "top",
-    onClose,
-    ...variantBasedProps,
-    ...props
-  }, /* @__PURE__ */ React.createElement(StyledDrawerContentPaper, {
-    widthVariant,
-    elevation: 16,
-    onClick: /* @__PURE__ */ __name((event) => event.stopPropagation(), "onClick"),
-    sx: {
-      width: widthVariant === "full" ? "100%" : void 0
-    }
-  }, title || subTitle ? /* @__PURE__ */ React.createElement(FlexCol, {
-    alignItems: "start",
-    gap: 1
-  }, title ? /* @__PURE__ */ React.createElement(StyledEllipsisTypography, {
-    variant: "h3"
-  }, title) : null, subTitle ? /* @__PURE__ */ React.createElement(Typography, {
-    variant: "subtitle1",
-    textTransform: "none"
-  }, subTitle) : null) : null, children));
-}, "DrawerEx");
-var StyledEllipsisTypography = styled(Typography, {
-  name: "StyledEllipsisTypography"
-})(() => ({
-  maxWidth: "100%",
-  overflowX: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
-}));
-var StyledDrawerContentPaper = styled(Paper, {
-  name: "StyledDrawerContentPaper",
-  shouldForwardProp: /* @__PURE__ */ __name((prop) => ![
-    "widthVariant"
-  ].includes(prop), "shouldForwardProp")
-})(({ theme, widthVariant }) => ({
-  alignItems: "stretch",
-  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,
-  display: "flex",
-  flexDirection: "column",
-  gap: theme.spacing(2),
-  height: "100%",
-  maxWidth: "100%",
-  overflowX: "hidden",
-  padding: theme.spacing(3),
-  [theme.breakpoints.up("lg")]: {
-    width: widthVariant === "full" ? "100%" : "50%"
-  },
-  [theme.breakpoints.up("md")]: {
-    width: widthVariant === "full" ? "100%" : "75%"
-  }
-}));
-export {
-  DrawerEx
-};
-//# sourceMappingURL=index.mjs.map

package/dist/node/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/Drawer.tsx"],"sourcesContent":["import { Drawer, DrawerProps, Paper, styled, Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport React, { MouseEvent, PropsWithChildren, useMemo } from 'react'\n\nexport interface DrawerExProps extends PropsWithChildren<DrawerProps> {\n  heightVariant?: 'full' | 'auto'\n  subTitle?: string\n  title?: string\n  widthVariant?: 'full' | 'partial'\n}\n\nexport const DrawerEx: React.FC<DrawerExProps> = ({\n  children,\n  heightVariant = 'full',\n  subTitle,\n  title,\n  onClose,\n  widthVariant = 'partial',\n  ...props\n}) => {\n  const variantBasedProps = useMemo(() => {\n    return {\n      PaperProps: {\n        sx: {\n          alignItems: 'center',\n          background: 'transparent',\n          boxShadow: 'none',\n          height: heightVariant === 'full' ? '100%' : 'auto',\n          width: widthVariant === 'partial' ? 'auto' : '100%',\n        },\n      },\n      onClick: (event: MouseEvent) => onClose?.(event, 'backdropClick'),\n    }\n  }, [heightVariant, onClose, widthVariant])\n\n  return (\n    <Drawer anchor=\"top\" onClose={onClose} {...variantBasedProps} {...props}>\n      {/* Trap the event to prevent triggering the backdrop onClick */}\n      <StyledDrawerContentPaper\n        widthVariant={widthVariant}\n        elevation={16}\n        onClick={event => event.stopPropagation()}\n        sx={{ width: widthVariant === 'full' ? '100%' : undefined }}\n      >\n        {title || subTitle\n          ? (\n              <FlexCol alignItems=\"start\" gap={1}>\n                {title\n                  ? <StyledEllipsisTypography variant=\"h3\">{title}</StyledEllipsisTypography>\n                  : null}\n                {subTitle\n                  ? (\n                      <Typography variant=\"subtitle1\" textTransform=\"none\">\n                        {subTitle}\n                      </Typography>\n                    )\n                  : null}\n              </FlexCol>\n            )\n          : null}\n        {children}\n      </StyledDrawerContentPaper>\n    </Drawer>\n  )\n}\n\nconst StyledEllipsisTypography = styled(Typography, { name: 'StyledEllipsisTypography' })(() => ({\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n}))\n\nconst StyledDrawerContentPaper = styled(Paper, {\n  name: 'StyledDrawerContentPaper',\n  shouldForwardProp: prop => !['widthVariant'].includes(prop as string),\n})<DrawerExProps>(({ theme, widthVariant }) => ({\n  alignItems: 'stretch',\n  borderRadius: `0 0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px`,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  height: '100%',\n  maxWidth: '100%',\n  overflowX: 'hidden',\n  padding: theme.spacing(3),\n  [theme.breakpoints.up('lg')]: {\n    width: widthVariant === 'full' ? '100%' : '50%',\n  },\n  [theme.breakpoints.up('md')]: {\n    width: widthVariant === 'full' ? '100%' : '75%',\n  },\n}))\n"],"mappings":";;;;AAAA,SAASA,QAAqBC,OAAOC,QAAQC,kBAAkB;AAC/D,SAASC,eAAe;AACxB,OAAOC,SAAwCC,eAAe;AASvD,IAAMC,WAAoC,wBAAC,EAChDC,UACAC,gBAAgB,QAChBC,UACAC,OACAC,SACAC,eAAe,WACf,GAAGC,MAAAA,MACJ;AACC,QAAMC,oBAAoBC,QAAQ,MAAA;AAChC,WAAO;MACLC,YAAY;QACVC,IAAI;UACFC,YAAY;UACZC,YAAY;UACZC,WAAW;UACXC,QAAQb,kBAAkB,SAAS,SAAS;UAC5Cc,OAAOV,iBAAiB,YAAY,SAAS;QAC/C;MACF;MACAW,SAAS,wBAACC,UAAsBb,mCAAUa,OAAO,kBAAxC;IACX;EACF,GAAG;IAAChB;IAAeG;IAASC;GAAa;AAEzC,SACE,sBAAA,cAACa,QAAAA;IAAOC,QAAO;IAAMf;IAAmB,GAAGG;IAAoB,GAAGD;KAEhE,sBAAA,cAACc,0BAAAA;IACCf;IACAgB,WAAW;IACXL,SAASC,wBAAAA,UAASA,MAAMK,gBAAe,GAA9BL;IACTP,IAAI;MAAEK,OAAOV,iBAAiB,SAAS,SAASkB;IAAU;KAEzDpB,SAASD,WAEJ,sBAAA,cAACsB,SAAAA;IAAQb,YAAW;IAAQc,KAAK;KAC9BtB,QACG,sBAAA,cAACuB,0BAAAA;IAAyBC,SAAQ;KAAMxB,KAAAA,IACxC,MACHD,WAEK,sBAAA,cAAC0B,YAAAA;IAAWD,SAAQ;IAAYE,eAAc;KAC3C3B,QAAAA,IAGL,IAAA,IAGR,MACHF,QAAAA,CAAAA;AAIT,GArDiD;AAuDjD,IAAM0B,2BAA2BI,OAAOF,YAAY;EAAEG,MAAM;AAA2B,CAAA,EAAG,OAAO;EAC/FC,UAAU;EACVC,WAAW;EACXC,cAAc;EACdC,YAAY;AACd,EAAA;AAEA,IAAMf,2BAA2BU,OAAOM,OAAO;EAC7CL,MAAM;EACNM,mBAAmBC,wBAAAA,SAAQ,CAAC;IAAC;IAAgBC,SAASD,IAAAA,GAAnCA;AACrB,CAAA,EAAkB,CAAC,EAAEE,OAAOnC,aAAY,OAAQ;EAC9CM,YAAY;EACZ8B,cAAc,OAAOD,MAAME,MAAMD,YAAY,MAAMD,MAAME,MAAMD,YAAY;EAC3EE,SAAS;EACTC,eAAe;EACfnB,KAAKe,MAAMK,QAAQ,CAAA;EACnB/B,QAAQ;EACRkB,UAAU;EACVC,WAAW;EACXa,SAASN,MAAMK,QAAQ,CAAA;EACvB,CAACL,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BjC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;EACA,CAACmC,MAAMO,YAAYC,GAAG,IAAA,CAAA,GAAQ;IAC5BjC,OAAOV,iBAAiB,SAAS,SAAS;EAC5C;AACF,EAAA;","names":["Drawer","Paper","styled","Typography","FlexCol","React","useMemo","DrawerEx","children","heightVariant","subTitle","title","onClose","widthVariant","props","variantBasedProps","useMemo","PaperProps","sx","alignItems","background","boxShadow","height","width","onClick","event","Drawer","anchor","StyledDrawerContentPaper","elevation","stopPropagation","undefined","FlexCol","gap","StyledEllipsisTypography","variant","Typography","textTransform","styled","name","maxWidth","overflowX","textOverflow","whiteSpace","Paper","shouldForwardProp","prop","includes","theme","borderRadius","shape","display","flexDirection","spacing","padding","breakpoints","up"]}