@startdownnotez404/ui 1.0.0

package/dist/button.d.mts

@@ -0,0 +1,115 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { default as Button } from '@mui/material/Button';
+import * as _mui_material_IconButton from '@mui/material/IconButton';
+export { default as IconButton } from '@mui/material/IconButton';
+import * as _mui_material_styles from '@mui/material/styles';
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
+
+declare function Button(p: {
+    primary?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const buttonTheme: {
+    readonly defaultProps: {
+        readonly variant: "outlined";
+        readonly focusRipple: false;
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly "&:active": {
+                readonly scale: "0.9";
+            };
+        };
+    };
+};
+declare const buttonBaseTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly borderRadius: "var(--mui-shape-borderRadius)";
+            readonly "& svg.MuiSvgIcon-root": {
+                readonly color: "var(--mui-palette-secondary-dark)";
+            };
+        };
+    };
+};
+declare const iconButtonTheme: {
+    readonly defaultProps: {
+        readonly focusRipple: false;
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Omit<_mui_material_styles.Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            '--color-p': string;
+            '--bg': string;
+            padding: string;
+            borderRadius: string;
+            color: "var(--color-p)";
+            backgroundColor: "var(--bg)";
+            "&:active svg": {
+                scale: string;
+            };
+            "&.Mui-disabled": {
+                '--color-p': string;
+                '--bg': string;
+                color: string;
+                backgroundColor: string;
+                '& svg.MuiSvgIcon-root': {
+                    color: string;
+                };
+            };
+        };
+        readonly colorError: {
+            readonly '--color-p': "var(--mui-palette-error-main)";
+            readonly '& svg.MuiSvgIcon-root': {
+                readonly color: "var(--color-p)";
+            };
+        };
+    };
+};
+declare const buttonGroupTheme: {
+    readonly defaultProps: {
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly borderRadius: "var(--mui-shape-borderRadius)";
+            readonly "& .MuiButtonGroup-grouped": {
+                readonly borderRadius: "var(--mui-shape-borderRadius)";
+                readonly borderColor: "var(--mui-palette-divider)";
+                readonly "&.Mui-disabled": {
+                    readonly borderColor: "var(--mui-palette-action-disabled)";
+                };
+            };
+            readonly "& .MuiButton-root": {
+                readonly "&.MuiButtonGroup-firstButton": {
+                    readonly borderTopRightRadius: "0px";
+                    readonly borderBottomRightRadius: "0px";
+                };
+                readonly "&.MuiButtonGroup-middleButton": {
+                    readonly borderRadius: "0px";
+                };
+                readonly "&.MuiButtonGroup-lastButton": {
+                    readonly borderTopLeftRadius: "0px";
+                    readonly borderBottomLeftRadius: "0px";
+                };
+                readonly "&:hover": {
+                    readonly borderColor: "transparent";
+                    readonly backgroundColor: "var(--mui-palette-focus-1)";
+                };
+            };
+        };
+    };
+};
+
+export { buttonBaseTheme, buttonGroupTheme, buttonTheme, Button as default, iconButtonTheme };

package/dist/button.d.ts

@@ -0,0 +1,115 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+export { default as Button } from '@mui/material/Button';
+import * as _mui_material_IconButton from '@mui/material/IconButton';
+export { default as IconButton } from '@mui/material/IconButton';
+import * as _mui_material_styles from '@mui/material/styles';
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
+
+declare function Button(p: {
+    primary?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare const buttonTheme: {
+    readonly defaultProps: {
+        readonly variant: "outlined";
+        readonly focusRipple: false;
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly "&:active": {
+                readonly scale: "0.9";
+            };
+        };
+    };
+};
+declare const buttonBaseTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly borderRadius: "var(--mui-shape-borderRadius)";
+            readonly "& svg.MuiSvgIcon-root": {
+                readonly color: "var(--mui-palette-secondary-dark)";
+            };
+        };
+    };
+};
+declare const iconButtonTheme: {
+    readonly defaultProps: {
+        readonly focusRipple: false;
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+            component?: React.ElementType;
+        } & Record<string, unknown> & {
+            ownerState: _mui_material_IconButton.IconButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "className" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "color" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "edge"> & {
+                component?: React.ElementType;
+            } & Record<string, unknown>;
+        } & {
+            theme: Omit<_mui_material_styles.Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            '--color-p': string;
+            '--bg': string;
+            padding: string;
+            borderRadius: string;
+            color: "var(--color-p)";
+            backgroundColor: "var(--bg)";
+            "&:active svg": {
+                scale: string;
+            };
+            "&.Mui-disabled": {
+                '--color-p': string;
+                '--bg': string;
+                color: string;
+                backgroundColor: string;
+                '& svg.MuiSvgIcon-root': {
+                    color: string;
+                };
+            };
+        };
+        readonly colorError: {
+            readonly '--color-p': "var(--mui-palette-error-main)";
+            readonly '& svg.MuiSvgIcon-root': {
+                readonly color: "var(--color-p)";
+            };
+        };
+    };
+};
+declare const buttonGroupTheme: {
+    readonly defaultProps: {
+        readonly disableRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly borderRadius: "var(--mui-shape-borderRadius)";
+            readonly "& .MuiButtonGroup-grouped": {
+                readonly borderRadius: "var(--mui-shape-borderRadius)";
+                readonly borderColor: "var(--mui-palette-divider)";
+                readonly "&.Mui-disabled": {
+                    readonly borderColor: "var(--mui-palette-action-disabled)";
+                };
+            };
+            readonly "& .MuiButton-root": {
+                readonly "&.MuiButtonGroup-firstButton": {
+                    readonly borderTopRightRadius: "0px";
+                    readonly borderBottomRightRadius: "0px";
+                };
+                readonly "&.MuiButtonGroup-middleButton": {
+                    readonly borderRadius: "0px";
+                };
+                readonly "&.MuiButtonGroup-lastButton": {
+                    readonly borderTopLeftRadius: "0px";
+                    readonly borderBottomLeftRadius: "0px";
+                };
+                readonly "&:hover": {
+                    readonly borderColor: "transparent";
+                    readonly backgroundColor: "var(--mui-palette-focus-1)";
+                };
+            };
+        };
+    };
+};
+
+export { buttonBaseTheme, buttonGroupTheme, buttonTheme, Button as default, iconButtonTheme };

package/dist/button.js

@@ -0,0 +1,157 @@
+"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 __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/components/elemental/Button/index.ts
+var Button_exports = {};
+__export(Button_exports, {
+  Button: () => import_Button.default,
+  IconButton: () => import_IconButton.default,
+  buttonBaseTheme: () => buttonBaseTheme,
+  buttonGroupTheme: () => buttonGroupTheme,
+  buttonTheme: () => buttonTheme,
+  default: () => Button,
+  iconButtonTheme: () => iconButtonTheme
+});
+module.exports = __toCommonJS(Button_exports);
+
+// src/components/elemental/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(p) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { style: { backgroundColor: p.primary ? "blue" : "gray" }, children: "Click Me" });
+}
+
+// src/components/elemental/Button/src/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+
+// src/components/elemental/Button/src/IconButton.tsx
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+
+// src/components/elemental/Button/src/themes.ts
+var buttonTheme = {
+  defaultProps: {
+    variant: "outlined",
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      "&:active": {
+        scale: "0.9"
+      }
+    }
+  }
+};
+var buttonBaseTheme = {
+  styleOverrides: {
+    root: {
+      borderRadius: "var(--mui-shape-borderRadius)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--mui-palette-secondary-dark)"
+      }
+    }
+  }
+};
+var iconButtonTheme = {
+  defaultProps: {
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "--color-p": "var(--mui-palette-primary-main)",
+      "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+      padding: theme.spacing(0.5),
+      borderRadius: "8px",
+      color: "var(--color-p)",
+      backgroundColor: "var(--bg)",
+      "&:active svg": {
+        scale: "0.9"
+      },
+      "&.Mui-disabled": {
+        "--color-p": "var(--mui-palette-action-disabled)",
+        "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+        color: "var(--color-p)",
+        backgroundColor: "var(--bg)",
+        "& svg.MuiSvgIcon-root": {
+          color: "var(--color-p)"
+        }
+      }
+    }),
+    colorError: {
+      "--color-p": "var(--mui-palette-error-main)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--color-p)"
+      }
+    }
+  }
+};
+var buttonGroupTheme = {
+  defaultProps: {
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      borderRadius: "var(--mui-shape-borderRadius)",
+      "& .MuiButtonGroup-grouped": {
+        borderRadius: "var(--mui-shape-borderRadius)",
+        borderColor: "var(--mui-palette-divider)",
+        "&.Mui-disabled": {
+          borderColor: "var(--mui-palette-action-disabled)"
+        }
+      },
+      "& .MuiButton-root": {
+        "&.MuiButtonGroup-firstButton": {
+          borderTopRightRadius: "0px",
+          borderBottomRightRadius: "0px"
+        },
+        "&.MuiButtonGroup-middleButton": {
+          borderRadius: "0px"
+        },
+        "&.MuiButtonGroup-lastButton": {
+          borderTopLeftRadius: "0px",
+          borderBottomLeftRadius: "0px"
+        },
+        "&:hover": {
+          borderColor: "transparent",
+          backgroundColor: "var(--mui-palette-focus-1)"
+        }
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button,
+  IconButton,
+  buttonBaseTheme,
+  buttonGroupTheme,
+  buttonTheme,
+  iconButtonTheme
+});
+//# sourceMappingURL=button.js.map

package/dist/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Button/index.ts","../src/components/elemental/Button/Button.tsx","../src/components/elemental/Button/src/Button.tsx","../src/components/elemental/Button/src/IconButton.tsx","../src/components/elemental/Button/src/themes.ts"],"sourcesContent":["export {default} from './Button';\nexport * from './src';","export default function Button(p:{\n  primary?: boolean;\n}) {\n  return <button style={{ backgroundColor: p.primary ? 'blue' : 'gray' }}>Click Me</button>;\n}","export { default } from '@mui/material/Button'","export { default } from '@mui/material/IconButton'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const buttonTheme = {\n  defaultProps: {\n    variant: 'outlined',\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      \"&:active\": {\n        scale:\"0.9\",\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiButton\">\n\nexport const buttonBaseTheme = {\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& svg.MuiSvgIcon-root\":{\n        color: 'var(--mui-palette-secondary-dark)',\n      },\n    },\n  }\n  \n} as const satisfies MuiComponentTheme<\"MuiButtonBase\">\n\nexport const iconButtonTheme = {\n  defaultProps: {\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: ({theme}) =>( {\n      '--color-p':'var(--mui-palette-primary-main)',\n      '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n      padding: theme.spacing(0.5),\n      borderRadius: '8px',\n      color: 'var(--color-p)',\n\n      backgroundColor:'var(--bg)',\n      \"&:active svg\": {\n        scale:\"0.9\",\n      },\n\n      \"&.Mui-disabled\":{\n        '--color-p':'var(--mui-palette-action-disabled)',\n        '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n        color: 'var(--color-p)',\n        backgroundColor:'var(--bg)',\n\n        '& svg.MuiSvgIcon-root':{\n          color: 'var(--color-p)',\n        },\n\n      },\n    }),\n    colorError:{\n      '--color-p':'var(--mui-palette-error-main)',\n\n      '& svg.MuiSvgIcon-root':{\n        color: 'var(--color-p)',\n      },\n    },\n  },\n\n} as const satisfies MuiComponentTheme<\"MuiIconButton\">\n\nexport const buttonGroupTheme = {\n  defaultProps:{\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& .MuiButtonGroup-grouped\":{\n        borderRadius: 'var(--mui-shape-borderRadius)',\n        borderColor: 'var(--mui-palette-divider)',\n        \"&.Mui-disabled\":{\n          borderColor: 'var(--mui-palette-action-disabled)',\n        }\n      },\n      \"& .MuiButton-root\":{\n        \"&.MuiButtonGroup-firstButton\":{\n          borderTopRightRadius: '0px',\n          borderBottomRightRadius: '0px',\n        },\n        \"&.MuiButtonGroup-middleButton\":{\n          borderRadius: '0px',\n        },\n        \"&.MuiButtonGroup-lastButton\":{\n          borderTopLeftRadius: '0px',\n          borderBottomLeftRadius: '0px',\n        },\n        \"&:hover\":{\n          borderColor:'transparent',\n          backgroundColor:'var(--mui-palette-focus-1)',\n        },\n      }\n    },\n  }\n} as const satisfies MuiComponentTheme<\"MuiButtonGroup\">"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGS;AAHM,SAAR,OAAwB,GAE5B;AACD,SAAO,4CAAC,YAAO,OAAO,EAAE,iBAAiB,EAAE,UAAU,SAAS,OAAO,GAAG,sBAAQ;AAClF;;;ACJA,oBAAwB;;;ACAxB,wBAAwB;;;ACEjB,IAAM,cAAc;AAAA,EACzB,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,OAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,yBAAwB;AAAA,QACtB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAC,MAAK,OAAO;AAAA,MAClB,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,GAAG;AAAA,MAC1B,cAAc;AAAA,MACd,OAAO;AAAA,MAEP,iBAAgB;AAAA,MAChB,gBAAgB;AAAA,QACd,OAAM;AAAA,MACR;AAAA,MAEA,kBAAiB;AAAA,QACf,aAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAgB;AAAA,QAEhB,yBAAwB;AAAA,UACtB,OAAO;AAAA,QACT;AAAA,MAEF;AAAA,IACF;AAAA,IACA,YAAW;AAAA,MACT,aAAY;AAAA,MAEZ,yBAAwB;AAAA,QACtB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,mBAAmB;AAAA,EAC9B,cAAa;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,6BAA4B;AAAA,QAC1B,cAAc;AAAA,QACd,aAAa;AAAA,QACb,kBAAiB;AAAA,UACf,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,qBAAoB;AAAA,QAClB,gCAA+B;AAAA,UAC7B,sBAAsB;AAAA,UACtB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iCAAgC;AAAA,UAC9B,cAAc;AAAA,QAChB;AAAA,QACA,+BAA8B;AAAA,UAC5B,qBAAqB;AAAA,UACrB,wBAAwB;AAAA,QAC1B;AAAA,QACA,WAAU;AAAA,UACR,aAAY;AAAA,UACZ,iBAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}

package/dist/button.mjs

@@ -0,0 +1,19 @@
+import {
+  Button,
+  buttonBaseTheme,
+  buttonGroupTheme,
+  buttonTheme,
+  default as default2,
+  default2 as default3,
+  iconButtonTheme
+} from "./chunk-PKADXEAD.mjs";
+export {
+  default2 as Button,
+  default3 as IconButton,
+  buttonBaseTheme,
+  buttonGroupTheme,
+  buttonTheme,
+  Button as default,
+  iconButtonTheme
+};
+//# sourceMappingURL=button.mjs.map

package/dist/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-PKADXEAD.mjs

@@ -0,0 +1,116 @@
+// src/components/elemental/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(p) {
+  return /* @__PURE__ */ jsx("button", { style: { backgroundColor: p.primary ? "blue" : "gray" }, children: "Click Me" });
+}
+
+// src/components/elemental/Button/src/Button.tsx
+import { default as default2 } from "@mui/material/Button";
+
+// src/components/elemental/Button/src/IconButton.tsx
+import { default as default3 } from "@mui/material/IconButton";
+
+// src/components/elemental/Button/src/themes.ts
+var buttonTheme = {
+  defaultProps: {
+    variant: "outlined",
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      "&:active": {
+        scale: "0.9"
+      }
+    }
+  }
+};
+var buttonBaseTheme = {
+  styleOverrides: {
+    root: {
+      borderRadius: "var(--mui-shape-borderRadius)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--mui-palette-secondary-dark)"
+      }
+    }
+  }
+};
+var iconButtonTheme = {
+  defaultProps: {
+    focusRipple: false,
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "--color-p": "var(--mui-palette-primary-main)",
+      "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+      padding: theme.spacing(0.5),
+      borderRadius: "8px",
+      color: "var(--color-p)",
+      backgroundColor: "var(--bg)",
+      "&:active svg": {
+        scale: "0.9"
+      },
+      "&.Mui-disabled": {
+        "--color-p": "var(--mui-palette-action-disabled)",
+        "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
+        color: "var(--color-p)",
+        backgroundColor: "var(--bg)",
+        "& svg.MuiSvgIcon-root": {
+          color: "var(--color-p)"
+        }
+      }
+    }),
+    colorError: {
+      "--color-p": "var(--mui-palette-error-main)",
+      "& svg.MuiSvgIcon-root": {
+        color: "var(--color-p)"
+      }
+    }
+  }
+};
+var buttonGroupTheme = {
+  defaultProps: {
+    disableRipple: true
+  },
+  styleOverrides: {
+    root: {
+      borderRadius: "var(--mui-shape-borderRadius)",
+      "& .MuiButtonGroup-grouped": {
+        borderRadius: "var(--mui-shape-borderRadius)",
+        borderColor: "var(--mui-palette-divider)",
+        "&.Mui-disabled": {
+          borderColor: "var(--mui-palette-action-disabled)"
+        }
+      },
+      "& .MuiButton-root": {
+        "&.MuiButtonGroup-firstButton": {
+          borderTopRightRadius: "0px",
+          borderBottomRightRadius: "0px"
+        },
+        "&.MuiButtonGroup-middleButton": {
+          borderRadius: "0px"
+        },
+        "&.MuiButtonGroup-lastButton": {
+          borderTopLeftRadius: "0px",
+          borderBottomLeftRadius: "0px"
+        },
+        "&:hover": {
+          borderColor: "transparent",
+          backgroundColor: "var(--mui-palette-focus-1)"
+        }
+      }
+    }
+  }
+};
+
+export {
+  Button,
+  default2 as default,
+  default3 as default2,
+  buttonTheme,
+  buttonBaseTheme,
+  iconButtonTheme,
+  buttonGroupTheme
+};
+//# sourceMappingURL=chunk-PKADXEAD.mjs.map

package/dist/chunk-PKADXEAD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Button/Button.tsx","../src/components/elemental/Button/src/Button.tsx","../src/components/elemental/Button/src/IconButton.tsx","../src/components/elemental/Button/src/themes.ts"],"sourcesContent":["export default function Button(p:{\n  primary?: boolean;\n}) {\n  return <button style={{ backgroundColor: p.primary ? 'blue' : 'gray' }}>Click Me</button>;\n}","export { default } from '@mui/material/Button'","export { default } from '@mui/material/IconButton'","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const buttonTheme = {\n  defaultProps: {\n    variant: 'outlined',\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      \"&:active\": {\n        scale:\"0.9\",\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiButton\">\n\nexport const buttonBaseTheme = {\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& svg.MuiSvgIcon-root\":{\n        color: 'var(--mui-palette-secondary-dark)',\n      },\n    },\n  }\n  \n} as const satisfies MuiComponentTheme<\"MuiButtonBase\">\n\nexport const iconButtonTheme = {\n  defaultProps: {\n    focusRipple: false,\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: ({theme}) =>( {\n      '--color-p':'var(--mui-palette-primary-main)',\n      '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n      padding: theme.spacing(0.5),\n      borderRadius: '8px',\n      color: 'var(--color-p)',\n\n      backgroundColor:'var(--bg)',\n      \"&:active svg\": {\n        scale:\"0.9\",\n      },\n\n      \"&.Mui-disabled\":{\n        '--color-p':'var(--mui-palette-action-disabled)',\n        '--bg': 'color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)',\n        color: 'var(--color-p)',\n        backgroundColor:'var(--bg)',\n\n        '& svg.MuiSvgIcon-root':{\n          color: 'var(--color-p)',\n        },\n\n      },\n    }),\n    colorError:{\n      '--color-p':'var(--mui-palette-error-main)',\n\n      '& svg.MuiSvgIcon-root':{\n        color: 'var(--color-p)',\n      },\n    },\n  },\n\n} as const satisfies MuiComponentTheme<\"MuiIconButton\">\n\nexport const buttonGroupTheme = {\n  defaultProps:{\n    disableRipple: true,\n  },\n  styleOverrides: {\n    root: {\n      borderRadius: 'var(--mui-shape-borderRadius)',\n      \"& .MuiButtonGroup-grouped\":{\n        borderRadius: 'var(--mui-shape-borderRadius)',\n        borderColor: 'var(--mui-palette-divider)',\n        \"&.Mui-disabled\":{\n          borderColor: 'var(--mui-palette-action-disabled)',\n        }\n      },\n      \"& .MuiButton-root\":{\n        \"&.MuiButtonGroup-firstButton\":{\n          borderTopRightRadius: '0px',\n          borderBottomRightRadius: '0px',\n        },\n        \"&.MuiButtonGroup-middleButton\":{\n          borderRadius: '0px',\n        },\n        \"&.MuiButtonGroup-lastButton\":{\n          borderTopLeftRadius: '0px',\n          borderBottomLeftRadius: '0px',\n        },\n        \"&:hover\":{\n          borderColor:'transparent',\n          backgroundColor:'var(--mui-palette-focus-1)',\n        },\n      }\n    },\n  }\n} as const satisfies MuiComponentTheme<\"MuiButtonGroup\">"],"mappings":";AAGS;AAHM,SAAR,OAAwB,GAE5B;AACD,SAAO,oBAAC,YAAO,OAAO,EAAE,iBAAiB,EAAE,UAAU,SAAS,OAAO,GAAG,sBAAQ;AAClF;;;ACJA,SAAS,WAAAA,gBAAe;;;ACAxB,SAAS,WAAAC,gBAAe;;;ACEjB,IAAM,cAAc;AAAA,EACzB,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,YAAY;AAAA,QACV,OAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,yBAAwB;AAAA,QACtB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,kBAAkB;AAAA,EAC7B,cAAc;AAAA,IACZ,aAAa;AAAA,IACb,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAC,MAAK,OAAO;AAAA,MAClB,aAAY;AAAA,MACZ,QAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,GAAG;AAAA,MAC1B,cAAc;AAAA,MACd,OAAO;AAAA,MAEP,iBAAgB;AAAA,MAChB,gBAAgB;AAAA,QACd,OAAM;AAAA,MACR;AAAA,MAEA,kBAAiB;AAAA,QACf,aAAY;AAAA,QACZ,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAgB;AAAA,QAEhB,yBAAwB;AAAA,UACtB,OAAO;AAAA,QACT;AAAA,MAEF;AAAA,IACF;AAAA,IACA,YAAW;AAAA,MACT,aAAY;AAAA,MAEZ,yBAAwB;AAAA,QACtB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAEF;AAEO,IAAM,mBAAmB;AAAA,EAC9B,cAAa;AAAA,IACX,eAAe;AAAA,EACjB;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,6BAA4B;AAAA,QAC1B,cAAc;AAAA,QACd,aAAa;AAAA,QACb,kBAAiB;AAAA,UACf,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,qBAAoB;AAAA,QAClB,gCAA+B;AAAA,UAC7B,sBAAsB;AAAA,UACtB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iCAAgC;AAAA,UAC9B,cAAc;AAAA,QAChB;AAAA,QACA,+BAA8B;AAAA,UAC5B,qBAAqB;AAAA,UACrB,wBAAwB;AAAA,QAC1B;AAAA,QACA,WAAU;AAAA,UACR,aAAY;AAAA,UACZ,iBAAgB;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":["default","default"]}

package/dist/chunk-YGBJCPUS.mjs

@@ -0,0 +1,88 @@
+// src/components/elemental/Typography/src/Typography.ts
+import { default as default2 } from "@mui/material/Typography";
+
+// src/components/elemental/Typography/src/Variants.tsx
+import Typography from "@mui/material/Typography";
+import Box from "@mui/material/Box";
+import { styled } from "@mui/material/styles";
+import { jsx } from "react/jsx-runtime";
+var Header = (props) => {
+  return /* @__PURE__ */ jsx(MH, { variant: "h5", ...props });
+};
+var MH = styled(Typography)({
+  fontWeight: "700"
+});
+var SubHeader = (props) => {
+  return /* @__PURE__ */ jsx(Typography, { variant: "h6", ...props });
+};
+var SubTitle = (props) => {
+  return /* @__PURE__ */ jsx(MST, { variant: "subtitle1", ...props });
+};
+var MST = styled(Typography, {})(() => ({}));
+var Subscript = (props) => {
+  const { color, fontSize, lineHeight, ...rest } = props;
+  return /* @__PURE__ */ jsx(MSContainer, { color, fontSize, lineHeight, children: /* @__PURE__ */ jsx(MS, { variant: "caption", ...rest }) });
+};
+var MS = styled(Typography)({
+  "&.MuiTypography-root": {
+    color: "inherit",
+    fontSize: "inherit",
+    lineHeight: "inherit",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    cursor: "inherit"
+  }
+});
+var MSContainer = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "color" && prop !== "fontSize" && prop !== "lineHeight"
+})(({
+  color = "var(--mui-palette-text-subscript)",
+  fontSize = "0.75rem",
+  lineHeight = "1.66"
+}) => ({
+  "&": {
+    "--fs": fontSize,
+    "--lh": lineHeight,
+    "--c": color,
+    fontSize: "var(--fs)",
+    lineHeight: "var(--lh)",
+    color: "var(--c)",
+    textOverflow: "ellipsis",
+    overflow: "hidden"
+  }
+}));
+var Body = (props) => {
+  return /* @__PURE__ */ jsx(MB, { variant: "body1", ...props });
+};
+var MB = styled(Typography, {
+  shouldForwardProp: (prop) => prop !== "color"
+})(({ color = "var(--Color-Text-1)" }) => ({
+  "&.MuiTypography-root.MuiTypography-body1": {
+    "--color": color,
+    color: "var(--color)",
+    whiteSpace: "pre",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    cursor: "inherit"
+  }
+}));
+
+// src/components/elemental/Typography/src/theme.ts
+var typographyTheme = {
+  styleOverrides: {
+    root: {
+      color: "var(--mui-palette-text-1)"
+    }
+  }
+};
+
+export {
+  default2 as default,
+  Header,
+  SubHeader,
+  SubTitle,
+  Subscript,
+  Body,
+  typographyTheme
+};
+//# sourceMappingURL=chunk-YGBJCPUS.mjs.map

package/dist/chunk-YGBJCPUS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Typography/src/Variants.tsx","../src/components/elemental/Typography/src/theme.ts"],"sourcesContent":["export { default } from '@mui/material/Typography'","'use client'\nimport Typography, {type TypographyProps}  from '@mui/material/Typography'\nimport Box from '@mui/material/Box'\nimport { styled } from '@mui/material/styles'\n\n/**\n * Mui Typography with variant h5\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Header :React.FC<{\n\tchildren?: React.ReactNode, \n} & TypographyProps> = (props) => {\n\treturn (\n\t\t<MH variant=\"h5\" {...props}/>\n\t)\n}\nconst MH = styled(Typography)({\n\tfontWeight: \"700\",\n})\n\n\n/**\n * Mui Typography with variant h6\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubHeader:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<Typography variant=\"h6\" {...props}/>\n\t)\n}\n\n/**\n * Mui Typography with variant subtitle1\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const SubTitle:React.FC<TypographyProps> = (props) => {\n\treturn (\n\t\t<MST variant=\"subtitle1\" {...props}/>\n\t)\n}\nconst MST = styled(Typography,{})(()=>({}))\n\n/**\n * Mui Typography with variant caption\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Subscript:React.FC<\n  React.ComponentProps<typeof MSContainer>\n  & React.ComponentProps<typeof MS>\n> = (props) => {\n\tconst {color, fontSize, lineHeight, ...rest} = props\n  // need to add a container to wrap the span, so that the overflow text ... will share the same color with the text\n  // https://stackoverflow.com/questions/21861125/set-dot-color-of-text-overflow-ellipsis\n  return (\n    <MSContainer color={color} fontSize={fontSize} lineHeight={lineHeight}>\n\t\t  <MS variant=\"caption\" {...rest}/>\n    </MSContainer>\n\t)\n}\nconst MS = styled(Typography,)({\n\t\"&.MuiTypography-root\":{\n\t\tcolor: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t\tcursor: 'inherit',\n\t},\n})\nconst MSContainer = styled(Box,{\n\tshouldForwardProp: (prop) => \n\t\tprop !== 'color' \n\t\t&& prop !== 'fontSize'\n\t\t&& prop !== 'lineHeight',\n})<{color?:string, fontSize?:string, lineHeight?:string}>(({\n\tcolor='var(--mui-palette-text-subscript)', \n\tfontSize='0.75rem', \n\tlineHeight='1.66'\n})=>({\n\t\"&\":{\n\t\t\"--fs\": fontSize,\n\t\t\"--lh\": lineHeight,\n\t\t\"--c\": color,\n\t\tfontSize: 'var(--fs)',\n\t\tlineHeight: 'var(--lh)',\n\t\tcolor: 'var(--c)',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden', \n\t},\n}))\n\n\n/**\n * Mui Typography with variant body\n * \n * [Doc](https://material-ui.com/api/typography/)\n */\nexport const Body:React.FC<React.ComponentProps<typeof MB>> = (props) => {\n\treturn (\n\t\t<MB variant=\"body1\" {...props}/>\n\t)\n}\nconst MB = styled(Typography,{\n\tshouldForwardProp: (prop) => prop !== 'color',\n})<{color?:string}>(({color='var(--Color-Text-1)'})=>({\n\t\"&.MuiTypography-root.MuiTypography-body1\":{\n\t\t\"--color\": color,\n\t\tcolor: \"var(--color)\",\n\t\twhiteSpace: 'pre',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden',\n\t\tcursor: 'inherit',\n\t},\n}))","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const typographyTheme = {\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-text-1)',\n    }\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTypography\">"],"mappings":";AAAA,SAAS,WAAAA,gBAAe;;;ACCxB,OAAO,gBAAyC;AAChD,OAAO,SAAS;AAChB,SAAS,cAAc;AAWrB;AAJK,IAAM,SAEU,CAAC,UAAU;AACjC,SACC,oBAAC,MAAG,SAAQ,MAAM,GAAG,OAAM;AAE7B;AACA,IAAM,KAAK,OAAO,UAAU,EAAE;AAAA,EAC7B,YAAY;AACb,CAAC;AAQM,IAAM,YAAsC,CAAC,UAAU;AAC7D,SACC,oBAAC,cAAW,SAAQ,MAAM,GAAG,OAAM;AAErC;AAOO,IAAM,WAAqC,CAAC,UAAU;AAC5D,SACC,oBAAC,OAAI,SAAQ,aAAa,GAAG,OAAM;AAErC;AACA,IAAM,MAAM,OAAO,YAAW,CAAC,CAAC,EAAE,OAAK,CAAC,EAAE;AAOnC,IAAM,YAGT,CAAC,UAAU;AACd,QAAM,EAAC,OAAO,UAAU,YAAY,GAAG,KAAI,IAAI;AAG9C,SACE,oBAAC,eAAY,OAAc,UAAoB,YAC/C,8BAAC,MAAG,SAAQ,WAAW,GAAG,MAAK,GAC/B;AAEJ;AACA,IAAM,KAAK,OAAO,UAAW,EAAE;AAAA,EAC9B,wBAAuB;AAAA,IACtB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACd,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD,CAAC;AACD,IAAM,cAAc,OAAO,KAAI;AAAA,EAC9B,mBAAmB,CAAC,SACnB,SAAS,WACN,SAAS,cACT,SAAS;AACd,CAAC,EAAyD,CAAC;AAAA,EAC1D,QAAM;AAAA,EACN,WAAS;AAAA,EACT,aAAW;AACZ,OAAK;AAAA,EACJ,KAAI;AAAA,IACH,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd,UAAU;AAAA,EACX;AACD,EAAE;AAQK,IAAM,OAAiD,CAAC,UAAU;AACxE,SACC,oBAAC,MAAG,SAAQ,SAAS,GAAG,OAAM;AAEhC;AACA,IAAM,KAAK,OAAO,YAAW;AAAA,EAC5B,mBAAmB,CAAC,SAAS,SAAS;AACvC,CAAC,EAAmB,CAAC,EAAC,QAAM,sBAAqB,OAAK;AAAA,EACrD,4CAA2C;AAAA,IAC1C,WAAW;AAAA,IACX,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA,IACV,QAAQ;AAAA,EACT;AACD,EAAE;;;ACnHK,IAAM,kBAAkB;AAAA,EAC7B,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,EACF;AAEF;","names":["default"]}