@startdownnotez404/ui 1.0.0

package/dist/theme.mjs

@@ -0,0 +1,234 @@
+import {
+  buttonBaseTheme,
+  buttonTheme,
+  iconButtonTheme
+} from "./chunk-PKADXEAD.mjs";
+import {
+  typographyTheme
+} from "./chunk-YGBJCPUS.mjs";
+
+// src/theme/Provider.tsx
+import { ThemeProvider as ThemeProvider2 } from "@mui/material/styles";
+
+// src/theme/muiTheme.ts
+import { createTheme } from "@mui/material/styles";
+
+// src/theme/colors/darkBlue.ts
+var themeColor = {
+  themeType: "dark",
+  name: "darkBlue",
+  colorScheme: {
+    primary: {
+      1: "rgba(5, 20, 35, 1)",
+      2: "rgba(20, 40, 65, 1)",
+      3: "rgba(40, 80, 110, 1)",
+      4: "rgba(65, 110, 140, 1)",
+      5: "rgba(90, 140, 170, 1)",
+      6: "rgba(115, 170, 200, 1)",
+      main: 2
+    },
+    secondary: {
+      1: "rgba(250, 250, 255, 1)",
+      2: "rgba(245, 245, 255, 1)",
+      3: "rgba(200, 235, 240, 1)",
+      4: "rgba(165, 220, 225, 1)",
+      5: "rgba(125, 200, 210, 1)",
+      6: "rgba(20, 215, 215, 1)",
+      main: 5
+    },
+    error: "rgba(255, 0, 100, 1)",
+    warning: "rgba(230, 190, 125, 1)",
+    info: "rgba(100, 180, 255, 1)",
+    success: "rgba(100, 255, 150, 1)",
+    focus: "rgba(255, 0, 100, 1)",
+    disabled: "rgba(100, 120, 140, 1)",
+    background: {
+      default: "rgba(29, 29, 29, 1)"
+    },
+    text: {
+      primary: "rgba(240, 240, 255, 1)",
+      secondary: "rgba(180, 200, 220, 1)",
+      subscript: "rgba(137, 137, 150, 1)"
+    }
+  }
+};
+var muiPalette = {
+  palette: {
+    mode: "dark",
+    primary: {
+      dark: themeColor.colorScheme.primary[1],
+      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],
+      light: themeColor.colorScheme.primary[6]
+    },
+    secondary: {
+      dark: themeColor.colorScheme.secondary[6],
+      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],
+      light: themeColor.colorScheme.secondary[1]
+    },
+    error: {
+      main: themeColor.colorScheme.error
+    },
+    warning: {
+      main: themeColor.colorScheme.warning
+    },
+    info: {
+      main: themeColor.colorScheme.info
+    },
+    success: {
+      main: themeColor.colorScheme.success
+    },
+    background: {
+      default: themeColor.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor.colorScheme.text.primary,
+      secondary: themeColor.colorScheme.text.secondary,
+      disabled: themeColor.colorScheme.disabled
+    },
+    "text-1": themeColor.colorScheme.text.primary,
+    "text-subscript": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,
+    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    "focus-1": themeColor.colorScheme.focus,
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
+    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+  }
+};
+
+// src/theme/colors/lightBrown.ts
+var themeColor2 = {
+  themeType: "light",
+  name: "lightBrown",
+  colorScheme: {
+    primary: {
+      1: "rgba(255, 255, 255, 1)",
+      2: "rgba(255, 255, 220, 1)",
+      3: "rgba(255, 245, 215, 1)",
+      4: "rgba(255, 245, 215, 1)",
+      5: "rgba(245, 220, 165, 1)",
+      6: "rgba(240, 200, 165, 1)",
+      main: 4
+    },
+    secondary: {
+      1: "rgba(35, 10, 25, 1)",
+      2: "rgba(45, 20, 30, 1)",
+      3: "rgba(75, 20, 30, 1)",
+      4: "rgba(105, 45, 40, 1)",
+      5: "rgba(130, 60, 40, 1)",
+      6: "rgba(165, 105, 65, 1)",
+      main: 4
+    },
+    error: "rgba(255, 45, 120, 1)",
+    warning: "rgba(230, 190, 125, 1)",
+    info: "rgba(100, 180, 255, 1)",
+    success: "rgba(100, 255, 150, 1)",
+    focus: "rgba(255, 45, 120, 1)",
+    disabled: "rgba(100, 120, 140, 1)",
+    background: {
+      default: "rgba(255, 255, 255, 1)"
+    },
+    text: {
+      primary: "rgba(35, 10, 25, 1)",
+      secondary: "rgba(180, 200, 220, 1)",
+      subscript: "rgba(92, 92, 92, 1)"
+    }
+  }
+};
+var muiPalette2 = {
+  palette: {
+    mode: "dark",
+    primary: {
+      dark: themeColor2.colorScheme.primary[6],
+      main: themeColor2.colorScheme.primary[themeColor2.colorScheme.primary.main],
+      light: themeColor2.colorScheme.primary[1]
+    },
+    secondary: {
+      dark: themeColor2.colorScheme.secondary[3],
+      main: themeColor2.colorScheme.secondary[themeColor2.colorScheme.secondary.main],
+      light: themeColor2.colorScheme.secondary[6]
+    },
+    error: {
+      main: themeColor2.colorScheme.error
+    },
+    warning: {
+      main: themeColor2.colorScheme.warning
+    },
+    info: {
+      main: themeColor2.colorScheme.info
+    },
+    success: {
+      main: themeColor2.colorScheme.success
+    },
+    background: {
+      default: themeColor2.colorScheme.background.default
+    },
+    text: {
+      primary: themeColor2.colorScheme.text.primary,
+      secondary: themeColor2.colorScheme.text.secondary,
+      disabled: themeColor2.colorScheme.disabled
+    },
+    "text-1": themeColor2.colorScheme.text.primary,
+    "text-subscript": `color-mix(in lab, ${themeColor2.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,
+    "text-href": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,
+    "focus-1": themeColor2.colorScheme.focus,
+    "shadow-border-1": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,
+    "primary-gray": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`
+  }
+};
+
+// src/theme/muiTheme.ts
+var theme = createTheme({
+  cssVariables: {
+    colorSchemeSelector: "data-toolpad-color-scheme"
+  },
+  colorSchemes: {
+    light: muiPalette2,
+    dark: muiPalette
+  },
+  breakpoints: {
+    values: {
+      xs: 0,
+      sm: 600,
+      md: 600,
+      lg: 1200,
+      xl: 1536
+    }
+  },
+  shape: {
+    borderRadius: 8
+  },
+  // Customize your theme here if needed
+  components: {
+    // buttons
+    MuiButton: buttonTheme,
+    MuiButtonBase: buttonBaseTheme,
+    MuiIconButton: iconButtonTheme,
+    // typography
+    MuiTypography: typographyTheme
+  }
+});
+
+// src/theme/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+function P(p) {
+  return /* @__PURE__ */ jsx("html", { children: /* @__PURE__ */ jsx(ThemeProvider2, { theme, children: p.children }) });
+}
+
+// src/theme/ToggleThemeButton/ToggleThemeButton.tsx
+import { useColorScheme } from "@mui/material/styles";
+import Brightness7Icon from "@mui/icons-material/Brightness7";
+import Brightness4OutlinedIcon from "@mui/icons-material/Brightness4Outlined";
+import IconButton from "@mui/material/IconButton";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function ToggleButton() {
+  const { mode, setMode } = useColorScheme();
+  const isDark = mode === "dark";
+  function toggle() {
+    setMode(isDark ? "light" : "dark");
+  }
+  return /* @__PURE__ */ jsx2(IconButton, { onClick: toggle, children: isDark ? /* @__PURE__ */ jsx2(Brightness7Icon, {}) : /* @__PURE__ */ jsx2(Brightness4OutlinedIcon, {}) });
+}
+export {
+  P as ThemeProvider,
+  ToggleButton as ToggleThemeButton
+};
+//# sourceMappingURL=theme.mjs.map

package/dist/theme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/Provider.tsx","../src/theme/muiTheme.ts","../src/theme/colors/darkBlue.ts","../src/theme/colors/lightBrown.ts","../src/theme/ToggleThemeButton/ToggleThemeButton.tsx"],"sourcesContent":["import { ThemeProvider, } from '@mui/material/styles';\n\nimport { theme } from './muiTheme'\n\nexport default function P(p: { children: React.ReactNode }) {\n  return (\n  <html>\n    <ThemeProvider theme={theme}>\n      {p.children}\n    </ThemeProvider>\n  </html>);\n}","import { ThemeProvider, createTheme } from '@mui/material/styles';\n\nimport { buttonTheme, buttonBaseTheme, iconButtonTheme } from '@/ele/Button';\nimport { typographyTheme } from '@/ele/Typography';\n\nimport { muiPalette as darkBlueMuiPalette } from './colors/darkBlue';\nimport { muiPalette as lightBrownMuiPalette } from './colors/lightBrown';\nimport './styles/font.css';\n\nexport const theme = createTheme({\n  cssVariables: {\n    colorSchemeSelector: 'data-toolpad-color-scheme',\n  },\n  colorSchemes: {\n    light: lightBrownMuiPalette,\n    dark: darkBlueMuiPalette,\n  },\n  breakpoints: {\n    values: {\n      xs: 0,\n      sm: 600,\n      md: 600,\n      lg: 1200,\n      xl: 1536,\n    },\n  },\n  shape: {\n    borderRadius: 8,\n  },\n  // Customize your theme here if needed\n  components: {\n    // buttons\n    MuiButton: buttonTheme,\n    MuiButtonBase: buttonBaseTheme,\n    MuiIconButton: iconButtonTheme,\n    // typography\n    MuiTypography: typographyTheme,\n  },\n});","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from './_utils'\n\nconst themeColor = {\n  themeType: 'dark',\n  name: 'darkBlue',\n\n  colorScheme:{\n    primary:{\n      1: 'rgba(5, 20, 35, 1)',\n      2: 'rgba(20, 40, 65, 1)',\n      3: 'rgba(40, 80, 110, 1)',\n      4: 'rgba(65, 110, 140, 1)',\n      5: 'rgba(90, 140, 170, 1)',\n      6: 'rgba(115, 170, 200, 1)',\n      main: 2,\n    },\n    secondary:{\n      1: 'rgba(250, 250, 255, 1)',\n      2: 'rgba(245, 245, 255, 1)',\n      3: 'rgba(200, 235, 240, 1)',\n      4: 'rgba(165, 220, 225, 1)',\n      5: 'rgba(125, 200, 210, 1)',\n      6: 'rgba(20, 215, 215, 1)',\n      main: 5,\n    },\n    error: 'rgba(255, 0, 100, 1)',\n    warning: 'rgba(230, 190, 125, 1)',\n    info: 'rgba(100, 180, 255, 1)',\n    success: 'rgba(100, 255, 150, 1)',\n    focus: 'rgba(255, 0, 100, 1)',\n    disabled: 'rgba(100, 120, 140, 1)',\n    background: {\n      default: 'rgba(29, 29, 29, 1)',\n    },\n    text: {\n      primary: 'rgba(240, 240, 255, 1)',\n      secondary: 'rgba(180, 200, 220, 1)',\n      subscript: 'rgba(137, 137, 150, 1)',\n    }\n  },\n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: 'dark',\n    primary: {\n      dark: themeColor.colorScheme.primary[1],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[6],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[6],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[1],\n    },\n    error: {\n      main: themeColor.colorScheme.error,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning,\n    },\n    info: {\n      main: themeColor.colorScheme.info,\n    },\n    success: {\n      main: themeColor.colorScheme.success,\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n\n    \"text-1\": themeColor.colorScheme.text.primary,\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-light) 50%)`,    \n    \"text-href\": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,\n    \"primary-gray\": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`,\n  },\n} as const satisfies ColorSystemOptions","\nimport { \n  type ColorTheme, \n  type ColorSystemOptions \n} from './_utils'\n\nexport const themeColor = {\n  themeType: 'light',\n  name: 'lightBrown',\n\n  colorScheme:{\n    primary:{\n      1: 'rgba(255, 255, 255, 1)',\n      2: 'rgba(255, 255, 220, 1)',\n      3: 'rgba(255, 245, 215, 1)',\n      4: 'rgba(255, 245, 215, 1)',\n      5: 'rgba(245, 220, 165, 1)',\n      6: 'rgba(240, 200, 165, 1)',\n      main: 4,\n    },\n    secondary:{\n      1: 'rgba(35, 10, 25, 1)',\n      2: 'rgba(45, 20, 30, 1)',\n      3: 'rgba(75, 20, 30, 1)',\n      4: 'rgba(105, 45, 40, 1)',\n      5: 'rgba(130, 60, 40, 1)',\n      6: 'rgba(165, 105, 65, 1)',\n      main: 4,\n    },\n    error: 'rgba(255, 45, 120, 1)',\n    warning: 'rgba(230, 190, 125, 1)',\n    info: 'rgba(100, 180, 255, 1)',\n    success: 'rgba(100, 255, 150, 1)',\n    focus: 'rgba(255, 45, 120, 1)',\n    disabled: 'rgba(100, 120, 140, 1)',\n    background: {\n      default: 'rgba(255, 255, 255, 1)',\n    },\n    text: {\n      primary: 'rgba(35, 10, 25, 1)',\n      secondary: 'rgba(180, 200, 220, 1)',\n      subscript: 'rgba(92, 92, 92, 1)',\n    }\n  },\n\n} as const satisfies ColorTheme\n\nexport const muiPalette = {\n  palette: {\n    mode: 'dark',\n    primary: {\n      dark: themeColor.colorScheme.primary[6],\n      main: themeColor.colorScheme.primary[themeColor.colorScheme.primary.main],\n      light: themeColor.colorScheme.primary[1],\n    },\n    secondary: {\n      dark: themeColor.colorScheme.secondary[3],\n      main: themeColor.colorScheme.secondary[themeColor.colorScheme.secondary.main],\n      light: themeColor.colorScheme.secondary[6],\n    },\n    error: {\n      main: themeColor.colorScheme.error,\n    },\n    warning: {\n      main: themeColor.colorScheme.warning,\n    },\n    info: {\n      main: themeColor.colorScheme.info,\n    },\n    success: {\n      main: themeColor.colorScheme.success,\n    },\n    background: {\n      default: themeColor.colorScheme.background.default,\n    },\n    text: {\n      primary: themeColor.colorScheme.text.primary,\n      secondary: themeColor.colorScheme.text.secondary,\n      disabled: themeColor.colorScheme.disabled,\n    },\n\n    \"text-1\": themeColor.colorScheme.text.primary,\n    \"text-subscript\": `color-mix(in lab, ${themeColor.colorScheme.text.subscript}, var(--mui-palette-primary-main) 50%)`,    \n    \"text-href\": `color-mix(in lab, var(--mui-palette-primary-main) 10%, var(--mui-palette-focus-1) 90%)`,\n    \"focus-1\": themeColor.colorScheme.focus,\n    \"shadow-border-1\": `inset 0 0 0px 2px var(--mui-palette-primary-gray)`,\n    \"primary-gray\": `color-mix(in lab, var(--mui-palette-primary-main) 80%, hsla(0, 0%, 30%, 1.00) 20%)`,\n  },\n} as const satisfies ColorSystemOptions","import { useColorScheme,  } from '@mui/material/styles';\nimport Brightness7Icon from '@mui/icons-material/Brightness7';\nimport Brightness4OutlinedIcon from '@mui/icons-material/Brightness4Outlined';\n\nimport IconButton from '@mui/material/IconButton'\n\nexport default function ToggleButton() {\n  const { mode, setMode } = useColorScheme();\n  const isDark = mode === 'dark';\n\n  function toggle() {\n    setMode(isDark ? 'light' : 'dark');\n  }\n  return (\n    <IconButton onClick={toggle}>\n      {isDark ? <Brightness7Icon /> : <Brightness4OutlinedIcon />}\n    </IconButton>\n  );\n}"],"mappings":"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","names":["ThemeProvider","themeColor","muiPalette","muiPalette","ThemeProvider","jsx"]}

package/dist/typography.d.mts

@@ -0,0 +1,60 @@
+import * as _mui_material_Typography from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material/Typography';
+export { default as Typography } from '@mui/material/Typography';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import * as _mui_material_styles from '@mui/material/styles';
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+
+/**
+ * Mui Typography with variant h5
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Header: React.FC<{
+    children?: React.ReactNode;
+} & TypographyProps>;
+/**
+ * Mui Typography with variant h6
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const SubHeader: React.FC<TypographyProps>;
+/**
+ * Mui Typography with variant subtitle1
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const SubTitle: React.FC<TypographyProps>;
+/**
+ * Mui Typography with variant caption
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Subscript: React.FC<React.ComponentProps<typeof MSContainer> & React.ComponentProps<typeof MS>>;
+declare const MS: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const MSContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
+    color?: string;
+    fontSize?: string;
+    lineHeight?: string;
+}, {}, {}>;
+/**
+ * Mui Typography with variant body
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Body: React.FC<React.ComponentProps<typeof MB>>;
+declare const MB: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
+    color?: string;
+}, {}, {}>;
+
+declare const typographyTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly color: "var(--mui-palette-text-1)";
+        };
+    };
+};
+
+export { Body, Header, SubHeader, SubTitle, Subscript, typographyTheme };

package/dist/typography.d.ts

@@ -0,0 +1,60 @@
+import * as _mui_material_Typography from '@mui/material/Typography';
+import { TypographyProps } from '@mui/material/Typography';
+export { default as Typography } from '@mui/material/Typography';
+import * as _emotion_styled from '@emotion/styled';
+import * as _mui_system from '@mui/system';
+import * as _mui_material_styles from '@mui/material/styles';
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+
+/**
+ * Mui Typography with variant h5
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Header: React.FC<{
+    children?: React.ReactNode;
+} & TypographyProps>;
+/**
+ * Mui Typography with variant h6
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const SubHeader: React.FC<TypographyProps>;
+/**
+ * Mui Typography with variant subtitle1
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const SubTitle: React.FC<TypographyProps>;
+/**
+ * Mui Typography with variant caption
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Subscript: React.FC<React.ComponentProps<typeof MSContainer> & React.ComponentProps<typeof MS>>;
+declare const MS: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const MSContainer: _emotion_styled.StyledComponent<_mui_system.BoxOwnProps<_mui_material_styles.Theme> & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof _mui_system.BoxOwnProps<_mui_material_styles.Theme>> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
+    color?: string;
+    fontSize?: string;
+    lineHeight?: string;
+}, {}, {}>;
+/**
+ * Mui Typography with variant body
+ *
+ * [Doc](https://material-ui.com/api/typography/)
+ */
+declare const Body: React.FC<React.ComponentProps<typeof MB>>;
+declare const MB: _emotion_styled.StyledComponent<_mui_material_Typography.TypographyOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "className" | "style" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "color" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "align" | "children" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & {
+    color?: string;
+}, {}, {}>;
+
+declare const typographyTheme: {
+    readonly styleOverrides: {
+        readonly root: {
+            readonly color: "var(--mui-palette-text-1)";
+        };
+    };
+};
+
+export { Body, Header, SubHeader, SubTitle, Subscript, typographyTheme };

package/dist/typography.js

@@ -0,0 +1,130 @@
+"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/Typography/index.ts
+var Typography_exports = {};
+__export(Typography_exports, {
+  Body: () => Body,
+  Header: () => Header,
+  SubHeader: () => SubHeader,
+  SubTitle: () => SubTitle,
+  Subscript: () => Subscript,
+  Typography: () => import_Typography.default,
+  typographyTheme: () => typographyTheme
+});
+module.exports = __toCommonJS(Typography_exports);
+
+// src/components/elemental/Typography/src/Typography.ts
+var import_Typography = __toESM(require("@mui/material/Typography"));
+
+// src/components/elemental/Typography/src/Variants.tsx
+var import_Typography2 = __toESM(require("@mui/material/Typography"));
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_styles = require("@mui/material/styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Header = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MH, { variant: "h5", ...props });
+};
+var MH = (0, import_styles.styled)(import_Typography2.default)({
+  fontWeight: "700"
+});
+var SubHeader = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography2.default, { variant: "h6", ...props });
+};
+var SubTitle = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MST, { variant: "subtitle1", ...props });
+};
+var MST = (0, import_styles.styled)(import_Typography2.default, {})(() => ({}));
+var Subscript = (props) => {
+  const { color, fontSize, lineHeight, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MSContainer, { color, fontSize, lineHeight, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MS, { variant: "caption", ...rest }) });
+};
+var MS = (0, import_styles.styled)(import_Typography2.default)({
+  "&.MuiTypography-root": {
+    color: "inherit",
+    fontSize: "inherit",
+    lineHeight: "inherit",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    cursor: "inherit"
+  }
+});
+var MSContainer = (0, import_styles.styled)(import_Box.default, {
+  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__ */ (0, import_jsx_runtime.jsx)(MB, { variant: "body1", ...props });
+};
+var MB = (0, import_styles.styled)(import_Typography2.default, {
+  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)"
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Body,
+  Header,
+  SubHeader,
+  SubTitle,
+  Subscript,
+  Typography,
+  typographyTheme
+});
+//# sourceMappingURL=typography.js.map

package/dist/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Typography/index.ts","../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Typography/src/Variants.tsx","../src/components/elemental/Typography/src/theme.ts"],"sourcesContent":["export * from './src'","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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,wBAAwB;;;ACCxB,IAAAA,qBAAgD;AAChD,iBAAgB;AAChB,oBAAuB;AAWrB;AAJK,IAAM,SAEU,CAAC,UAAU;AACjC,SACC,4CAAC,MAAG,SAAQ,MAAM,GAAG,OAAM;AAE7B;AACA,IAAM,SAAK,sBAAO,mBAAAC,OAAU,EAAE;AAAA,EAC7B,YAAY;AACb,CAAC;AAQM,IAAM,YAAsC,CAAC,UAAU;AAC7D,SACC,4CAAC,mBAAAA,SAAA,EAAW,SAAQ,MAAM,GAAG,OAAM;AAErC;AAOO,IAAM,WAAqC,CAAC,UAAU;AAC5D,SACC,4CAAC,OAAI,SAAQ,aAAa,GAAG,OAAM;AAErC;AACA,IAAM,UAAM,sBAAO,mBAAAA,SAAW,CAAC,CAAC,EAAE,OAAK,CAAC,EAAE;AAOnC,IAAM,YAGT,CAAC,UAAU;AACd,QAAM,EAAC,OAAO,UAAU,YAAY,GAAG,KAAI,IAAI;AAG9C,SACE,4CAAC,eAAY,OAAc,UAAoB,YAC/C,sDAAC,MAAG,SAAQ,WAAW,GAAG,MAAK,GAC/B;AAEJ;AACA,IAAM,SAAK,sBAAO,mBAAAA,OAAW,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,kBAAc,sBAAO,WAAAC,SAAI;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,4CAAC,MAAG,SAAQ,SAAS,GAAG,OAAM;AAEhC;AACA,IAAM,SAAK,sBAAO,mBAAAD,SAAW;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":["import_Typography","Typography","Box"]}

package/dist/typography.mjs

@@ -0,0 +1,19 @@
+import {
+  Body,
+  Header,
+  SubHeader,
+  SubTitle,
+  Subscript,
+  default as default2,
+  typographyTheme
+} from "./chunk-YGBJCPUS.mjs";
+export {
+  Body,
+  Header,
+  SubHeader,
+  SubTitle,
+  Subscript,
+  default2 as Typography,
+  typographyTheme
+};
+//# sourceMappingURL=typography.mjs.map

package/dist/typography.mjs.map

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

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@startdownnotez404/ui",
+  "version": "1.0.0",
+  "description": "A reusable React component library built with TypeScript",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "vite",
+    "prepare": "npm run build",
+    "test": "echo \"No tests yet\" && exit 0",
+    "storybook": "storybook dev -p 6006 --initial-path=/onboarding --no-open",
+    "build-storybook": "storybook build"
+  },
+  "keywords": [
+    "react",
+    "typescript",
+    "component",
+    "library"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=17",
+    "react-dom": ">=17"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^9.1.13",
+    "@storybook/addon-onboarding": "^9.1.13",
+    "@storybook/react-vite": "^9.1.13",
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "storybook": "^9.1.13",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.10"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@mui/icons-material": "^7.3.4",
+    "@mui/material": "^7.3.4",
+    "@mui/x-date-pickers": "^8.14.1",
+    "dayjs": "^1.11.18"
+  }
+}