@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/button.js

@@ -30,61 +30,358 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/elemental/Button/index.ts
 var Button_exports = {};
 __export(Button_exports, {
-  Button: () => import_Button.default,
-  IconButton: () => import_IconButton.default,
+  Button: () => Button,
+  IconButton: () => IconButton_default,
+  IconButtonFade: () => IconButton_Fade_default,
+  IconButtonSpin: () => IconButton_HoverSpinnin_default,
+  TagButton: () => TagButton_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/Button.tsx
+var import_Button = __toESM(require("@mui/material/Button"));
+
+// src/_utils/_func/sx.ts
+function flattenSx(part) {
+  if (part == null || typeof part === "boolean") {
+    return [];
+  }
+  if (Array.isArray(part)) {
+    return part.flatMap(flattenSx);
+  }
+  if (typeof part === "function" || typeof part === "object") {
+    return [part];
+  }
+  return [];
+}
+function mergeSx(...parts) {
+  const list = parts.flatMap(flattenSx);
+  if (list.length === 0) {
+    return void 0;
+  }
+  if (list.length === 1) {
+    return list[0];
+  }
+  return list;
 }
 
-// src/components/elemental/Button/src/Button.tsx
-var import_Button = __toESM(require("@mui/material/Button"));
+// src/components/elemental/Box/src/index.ts
+var import_Box = __toESM(require("@mui/material/Box"));
+var import_Stack = __toESM(require("@mui/material/Stack"));
+var import_Grid = __toESM(require("@mui/material/Grid"));
 
-// src/components/elemental/Button/src/IconButton.tsx
-var import_IconButton = __toESM(require("@mui/material/IconButton"));
+// src/components/elemental/Button/src/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(p) {
+  const { children, slotProps, ...rest } = p;
+  const { sx, ...boxRest } = slotProps?.innerBox ?? {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Button.default, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Box.default,
+    {
+      ...boxRest,
+      sx: mergeSx(
+        {
+          textOverflow: "ellipsis",
+          overflow: "hidden",
+          whiteSpace: "pre"
+        },
+        sx
+      ),
+      children
+    }
+  ) });
+}
 
-// src/components/elemental/Button/src/themes.ts
+// src/components/elemental/Button/src/Button/themes.ts
 var buttonTheme = {
   defaultProps: {
     variant: "outlined",
     focusRipple: false,
-    disableRipple: true
+    disableRipple: true,
+    size: "small"
   },
   styleOverrides: {
     root: {
+      textTransform: "capitalize",
+      // MUI Button defaults to 250ms bg/color/border-color. Snap palette
+      // token flips instead of interpolating. :active scale stays a snap
+      // transform (no transform transition).
+      transition: "background-color 0s, border-color 0s, color 0s, box-shadow 0s",
+      "--button-color": "var(--mui-palette-text-primary)",
+      "--button-filled-bg": "var(--mui-palette-primary-background)",
+      "--button-hover-border-color": "var(--mui-palette-border-hover-1)",
+      "--variant-outlinedColor": "var(--button-color)",
+      "--variant-outlinedBg": "transparent",
+      "--variant-containedColor": "var(--button-color)",
+      "--variant-containedBg": "var(--button-filled-bg)",
+      "--variant-textBorderColor": "transparent",
+      "&:hover": {
+        "--variant-textBorderColor": "var(--button-hover-border-color)"
+      },
+      "&.MuiButton-colorError": {
+        "--button-color": "var(--mui-palette-error-main)",
+        "--button-filled-bg": "var(--mui-palette-error-background)",
+        "--button-hover-border-color": "var(--mui-palette-error-dark)"
+      },
+      "&.MuiButton-colorInfo": {
+        "--button-color": "var(--mui-palette-info-main)",
+        "--button-filled-bg": "var(--mui-palette-info-background)",
+        "--button-hover-border-color": "var(--mui-palette-info-dark)"
+      },
+      "&.MuiButton-colorSuccess": {
+        "--button-color": "var(--mui-palette-success-dark)",
+        "--button-filled-bg": "var(--mui-palette-success-background)",
+        "--button-hover-border-color": "var(--mui-palette-success-dark)"
+      },
+      "&.MuiButton-colorWarning": {
+        "--button-color": "var(--mui-palette-warning-main)",
+        "--button-filled-bg": "var(--mui-palette-warning-background)",
+        "--button-hover-border-color": "var(--mui-palette-warning-dark)"
+      },
+      "&.MuiButton-colorSystem": {
+        "--button-color": "var(--mui-palette-system-main)",
+        "--button-filled-bg": "var(--mui-palette-system-background)",
+        "--button-hover-border-color": "var(--mui-palette-system-dark)"
+      },
+      "&.MuiButton-colorInsight": {
+        "--button-color": "var(--mui-palette-insight-main)",
+        "--button-filled-bg": "var(--mui-palette-insight-background)",
+        "--button-hover-border-color": "var(--mui-palette-insight-dark)"
+      },
+      "&.MuiButton-colorSecondary": {
+        "--button-color": "var(--mui-palette-secondary-main)",
+        "--button-filled-bg": "var(--mui-palette-secondary-background)",
+        "--button-hover-border-color": "var(--mui-palette-border-hover-1)"
+      },
+      "&.MuiButton-colorPrimary": {
+        "--button-color": "var(--mui-palette-primary-emphasis)",
+        "--button-filled-bg": "var(--mui-palette-container-bg-primary)",
+        "--button-hover-border-color": "var(--mui-palette-primary-emphasis)",
+        "--variant-outlinedBorder": "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)",
+        "--variant-textColor": "var(--mui-palette-primary-emphasis)",
+        "--variant-containedColor": "var(--mui-palette-text-primary)",
+        "&.MuiButton-outlined": {
+          color: "var(--mui-palette-primary-emphasis)",
+          borderColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)",
+          "&:hover": {
+            color: "var(--mui-palette-primary-emphasis)",
+            borderColor: "var(--mui-palette-primary-emphasis)",
+            backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)"
+          }
+        },
+        "&.MuiButton-contained": {
+          color: "var(--mui-palette-primary-emphasis)",
+          backgroundColor: "var(--mui-palette-container-bg-primary)",
+          "&:hover": {
+            color: "var(--mui-palette-primary-emphasis)",
+            borderColor: "var(--mui-palette-border-hover-1)",
+            backgroundColor: "var(--mui-palette-container-bg-primary)"
+          }
+        },
+        "&.MuiButton-text": {
+          color: "var(--mui-palette-primary-emphasis)",
+          "&:hover": {
+            color: "var(--mui-palette-primary-emphasis)",
+            borderColor: "var(--mui-palette-primary-emphasis)",
+            backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)"
+          }
+        }
+      },
       "&:active": {
         scale: "0.9"
       }
+    },
+    outlined: {
+      "&:hover": {
+        borderColor: "var(--button-hover-border-color)"
+      }
+    },
+    contained: {
+      boxShadow: "none",
+      border: "1px solid transparent",
+      "&:hover": {
+        boxShadow: "none",
+        borderColor: "var(--button-hover-border-color)",
+        backgroundColor: "var(--button-filled-bg)"
+      }
+    },
+    text: {
+      border: "1px solid transparent",
+      borderColor: "var(--variant-textBorderColor)"
     }
   }
 };
 var buttonBaseTheme = {
   styleOverrides: {
     root: {
-      borderRadius: "var(--mui-shape-borderRadius)",
-      "& svg.MuiSvgIcon-root": {
-        color: "var(--mui-palette-secondary-dark)"
-      }
+      textTransform: "capitalize"
     }
   }
 };
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_react = require("react");
+var import_IconButton = __toESM(require("@mui/material/IconButton"));
+
+// src/components/elemental/Tooltip/src/Tooltip/index.ts
+var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+
+// src/components/elemental/Button/src/IconButton/IconButton.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(({
+  title = "",
+  children,
+  color,
+  size,
+  slotProps,
+  selected,
+  className,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_Tooltip.default,
+    {
+      title,
+      slotProps: {
+        popper: {
+          sx: {
+            textTransform: "capitalize"
+          }
+        },
+        ...slotProps?.tooltip
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_Box.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_IconButton.default,
+        {
+          ref,
+          color,
+          size,
+          className: [className, selected ? "Mui-selected" : ""].filter(Boolean).join(" "),
+          ...props,
+          children
+        }
+      ) })
+    }
+  );
+});
+var IconButton_default = IconButton;
+
+// src/components/elemental/Button/src/IconButton/IconButton.HoverSpinnin.tsx
+var import_styles = require("@mui/material/styles");
+var IconButton_HoverSpinnin_default = (0, import_styles.styled)(IconButton_default)({
+  "&:hover svg": {
+    transform: "rotate(360deg)",
+    transition: "transform 0.3s ease-in-out"
+  }
+});
+
+// src/components/elemental/Button/src/IconButton/IconButton.Fade.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var IconButtonFade = (0, import_react2.forwardRef)(({
+  fadeIcon,
+  fadeDuration = 1e3,
+  children,
+  onClick,
+  ...rest
+}, ref) => {
+  const [active, setActive] = (0, import_react2.useState)(false);
+  const handleClick = (e) => {
+    onClick?.(e);
+    setActive(true);
+  };
+  (0, import_react2.useEffect)(() => {
+    if (!active) return;
+    const timer = setTimeout(() => setActive(false), fadeDuration);
+    return () => clearTimeout(timer);
+  }, [active, fadeDuration]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    IconButton_default,
+    {
+      ref,
+      ...rest,
+      onClick: handleClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_Box.default, { sx: { position: "relative", display: "inline-flex" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_Box.default,
+          {
+            sx: {
+              opacity: active ? 0 : 1,
+              transition: "opacity 0.2s ease-in-out"
+            },
+            children
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_Box.default,
+          {
+            sx: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              opacity: active ? 1 : 0,
+              transition: "opacity 0.2s ease-in-out"
+            },
+            children: fadeIcon
+          }
+        )
+      ] })
+    }
+  );
+});
+var IconButton_Fade_default = IconButtonFade;
+
+// src/components/elemental/Button/src/IconButton/theme.ts
 var iconButtonTheme = {
   defaultProps: {
     focusRipple: false,
-    disableRipple: true
+    disableRipple: true,
+    color: "secondary",
+    size: "small"
   },
   styleOverrides: {
     root: ({ theme }) => ({
-      "--color-p": "var(--mui-palette-primary-main)",
+      // MUI IconButton defaults to 150ms background-color. Drop color
+      // interpolation; :active scale stays a snap transform.
+      transition: "background-color 0s, border-color 0s, color 0s",
+      "--button-color": "var(--mui-palette-text-primary)",
+      "--button-hover-border-color": "var(--mui-palette-border-hover-1)",
+      "&.MuiIconButton-colorError": {
+        "--button-color": "var(--mui-palette-error-main)",
+        "--button-hover-border-color": "var(--mui-palette-error-dark)"
+      },
+      "&.MuiIconButton-colorInfo": {
+        "--button-color": "var(--mui-palette-info-main)",
+        "--button-hover-border-color": "var(--mui-palette-info-dark)"
+      },
+      "&.MuiIconButton-colorSuccess": {
+        "--button-color": "var(--mui-palette-success-dark)",
+        "--button-hover-border-color": "var(--mui-palette-success-dark)"
+      },
+      "&.MuiIconButton-colorWarning": {
+        "--button-color": "var(--mui-palette-warning-main)",
+        "--button-hover-border-color": "var(--mui-palette-warning-dark)"
+      },
+      "&.MuiIconButton-colorSecondary": {
+        "--button-color": "var(--mui-palette-secondary-dark)",
+        "--button-hover-border-color": "var(--mui-palette-secondary-main)"
+      },
+      "&.MuiIconButton-colorPrimary": {
+        "--button-color": "var(--mui-palette-primary-emphasis)",
+        "--button-hover-border-color": "var(--mui-palette-primary-emphasis)"
+      },
+      "&.MuiIconButton-colorSystem": {
+        "--button-color": "var(--mui-palette-system-main)",
+        "--button-hover-border-color": "var(--mui-palette-system-dark)"
+      },
+      "&.MuiIconButton-colorInsight": {
+        "--button-color": "var(--mui-palette-insight-main)",
+        "--button-hover-border-color": "var(--mui-palette-insight-dark)"
+      },
+      "--color-p": "var(--button-color)",
       "--bg": "color-mix(in lab,rgba(255, 255, 255, 0.04) 95%,var(--color-p) 5%)",
       padding: theme.spacing(0.5),
       borderRadius: "8px",
@@ -101,56 +398,91 @@ var iconButtonTheme = {
         "& svg.MuiSvgIcon-root": {
           color: "var(--color-p)"
         }
+      },
+      border: "1px solid transparent",
+      "&:hover": {
+        borderColor: "color-mix(in lab, var(--mui-palette-border-1) 80%, var(--button-hover-border-color))"
+      },
+      "&:active": {
+        scale: "0.9"
       }
-    }),
-    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)"
-        }
-      }
+
+// src/components/elemental/Chip/src/Chip/Chip.tsx
+var import_Chip = __toESM(require("@mui/material/Chip"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function Chip({ color = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_Chip.default, { ...props, color });
+}
+
+// src/components/elemental/Button/src/TagButton/TagButton.tsx
+var import_styles2 = require("@mui/material/styles");
+
+// src/components/elemental/Button/src/TagButton/theme.ts
+var tagButtonVars = {
+  "--tag-color": "var(--mui-palette-text-grey-1)",
+  "--tag-bg": "var(--mui-palette-background-grey-1)",
+  "--tag-bg-hover": "var(--mui-palette-focus-soft-1)"
+};
+
+// src/components/elemental/Button/src/TagButton/TagButton.tsx
+var TagButton = (0, import_styles2.styled)(Chip, {})(() => ({
+  ...tagButtonVars,
+  "&.MuiChip-root": {
+    maxWidth: "fit-content",
+    textTransform: "lowercase",
+    color: "var(--tag-color)",
+    fontStyle: "italic",
+    padding: "2px 4px",
+    border: "none",
+    borderRadius: "var(--mui-shape-borderRadius)",
+    // use theme shape token
+    fontSize: "12px",
+    lineHeight: "16px",
+    height: "auto",
+    width: "auto",
+    boxShadow: "none",
+    gap: "2px",
+    background: "var(--tag-bg)",
+    transition: "none",
+    borderWidth: "0px",
+    "&.MuiChip-clickable:hover": {
+      background: "var(--tag-bg-hover)",
+      boxShadow: "none"
+    },
+    "& .MuiChip-icon": {
+      color: "var(--tag-color)",
+      fontSize: "1rem",
+      margin: "0",
+      padding: "0"
+    },
+    "& .MuiChip-label": {
+      padding: "0 1px",
+      margin: "0",
+      marginRight: "4px"
+    },
+    "& .MuiChip-deleteIcon": {
+      fontSize: "1rem",
+      borderRadius: "50%",
+      color: "var(--tag-color)",
+      margin: "0"
+    },
+    "& .MuiSvgIcon-root": {
+      fontSize: "1em"
     }
   }
-};
+}));
+var TagButton_default = TagButton;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button,
   IconButton,
+  IconButtonFade,
+  IconButtonSpin,
+  TagButton,
   buttonBaseTheme,
-  buttonGroupTheme,
   buttonTheme,
   iconButtonTheme
 });

package/dist/button.js.map

@@ -1 +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":[]}
+{"version":3,"sources":["../src/components/elemental/Button/index.ts","../src/components/elemental/Button/src/Button/Button.tsx","../src/_utils/_func/sx.ts","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Button/src/Button/themes.ts","../src/components/elemental/Button/src/IconButton/IconButton.tsx","../src/components/elemental/Tooltip/src/Tooltip/index.ts","../src/components/elemental/Button/src/IconButton/IconButton.HoverSpinnin.tsx","../src/components/elemental/Button/src/IconButton/IconButton.Fade.tsx","../src/components/elemental/Button/src/IconButton/theme.ts","../src/components/elemental/Chip/src/Chip/Chip.tsx","../src/components/elemental/Button/src/TagButton/TagButton.tsx","../src/components/elemental/Button/src/TagButton/theme.ts"],"sourcesContent":["export * from './src';","import React from 'react';\n\nimport MuiButton from '@mui/material/Button';\nimport { Box } from '@/ele/Box';\nimport { mergeSx } from '@/_utils/_func';\n\n/**\n * A modified MUI Button that truncates long text with ellipsis.\n * \n * [Doc](https://mui.com/material-ui/react-button/)\n * [API](https://mui.com/material-ui/api/button/)\n */\nexport default function Button(p:\n  React.ComponentProps<typeof MuiButton> & {\n    slotProps?: {\n      innerBox?: React.ComponentProps<typeof Box>\n    }\n  }) {\n  const {children, slotProps, ...rest} = p\n  const {sx, ...boxRest} = slotProps?.innerBox ?? {}\n  return <MuiButton {...rest}>\n    <Box \n    {...boxRest}\n    sx={mergeSx(\n      {\n        textOverflow: 'ellipsis',\n        overflow: 'hidden',\n        whiteSpace: 'pre',\n      },\n      sx,\n    )}>\n      {children}\n    </Box>\n  </MuiButton>\n}","import type { SxProps, Theme } from '@mui/material/styles'\n\n/** Values accepted by {@link mergeSx}: objects, callbacks, arrays (nested ok), or omitted. */\nexport type SxMergePart =\n  | SxProps<Theme>\n  | Record<string, unknown>\n  | ReadonlyArray<SxMergePart>\n  | false\n  | null\n  | undefined\n\nfunction flattenSx(part: unknown): unknown[] {\n  if (part == null || typeof part === 'boolean') {\n    return []\n  }\n  if (Array.isArray(part)) {\n    return part.flatMap(flattenSx)\n  }\n  if (typeof part === 'function' || typeof part === 'object') {\n    return [part]\n  }\n  return []\n}\n\n/**\n * Combine MUI `sx` values into one prop.\n *\n * Nested arrays are flattened (`[base, [a, b]]` → `[base, a, b]`).\n * `null` / `undefined` / `false` entries are dropped. Later parts win,\n * same as MUI's `sx` array merge.\n */\nexport function mergeSx(...parts: SxMergePart[]): SxProps<Theme> | undefined {\n  const list = parts.flatMap(flattenSx)\n  if (list.length === 0) {\n    return undefined\n  }\n  if (list.length === 1) {\n    return list[0] as SxProps<Theme>\n  }\n  return list as SxProps<Theme>\n}\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const buttonTheme = {\n  defaultProps: {\n    variant: 'outlined',\n    focusRipple: false,\n    disableRipple: true,\n    size: 'small',\n  },\n  styleOverrides: {\n    root: {\n      textTransform: 'capitalize',\n      // MUI Button defaults to 250ms bg/color/border-color. Snap palette\n      // token flips instead of interpolating. :active scale stays a snap\n      // transform (no transform transition).\n      transition: 'background-color 0s, border-color 0s, color 0s, box-shadow 0s',\n\n      '--button-color':'var(--mui-palette-text-primary)',\n      '--button-filled-bg':'var(--mui-palette-primary-background)',\n      '--button-hover-border-color':'var(--mui-palette-border-hover-1)',\n\n      \"--variant-outlinedColor\":\"var(--button-color)\",\n      \"--variant-outlinedBg\":\"transparent\",\n\n      \"--variant-containedColor\":\"var(--button-color)\",\n      \"--variant-containedBg\":\"var(--button-filled-bg)\",\n\n      \"--variant-textBorderColor\": 'transparent',\n      \"&:hover\": {\n        \"--variant-textBorderColor\":\"var(--button-hover-border-color)\",\n      },\n\n      \"&.MuiButton-colorError\":{\n        '--button-color':'var(--mui-palette-error-main)',\n        '--button-filled-bg':'var(--mui-palette-error-background)',\n        '--button-hover-border-color':'var(--mui-palette-error-dark)',\n      },\n      \"&.MuiButton-colorInfo\":{\n        '--button-color':'var(--mui-palette-info-main)',\n        '--button-filled-bg':'var(--mui-palette-info-background)',\n        '--button-hover-border-color':'var(--mui-palette-info-dark)',\n      },\n      \"&.MuiButton-colorSuccess\":{\n        '--button-color':'var(--mui-palette-success-dark)',\n        '--button-filled-bg':'var(--mui-palette-success-background)',\n        '--button-hover-border-color':'var(--mui-palette-success-dark)',\n      },\n      \"&.MuiButton-colorWarning\":{\n        '--button-color':'var(--mui-palette-warning-main)',\n        '--button-filled-bg':'var(--mui-palette-warning-background)',\n        '--button-hover-border-color':'var(--mui-palette-warning-dark)',\n      },\n      \"&.MuiButton-colorSystem\":{\n        '--button-color':'var(--mui-palette-system-main)',\n        '--button-filled-bg':'var(--mui-palette-system-background)',\n        '--button-hover-border-color':'var(--mui-palette-system-dark)',\n      },\n      \"&.MuiButton-colorInsight\":{\n        '--button-color':'var(--mui-palette-insight-main)',\n        '--button-filled-bg':'var(--mui-palette-insight-background)',\n        '--button-hover-border-color':'var(--mui-palette-insight-dark)',\n      },\n      \"&.MuiButton-colorSecondary\":{\n        '--button-color':'var(--mui-palette-secondary-main)',\n        '--button-filled-bg':'var(--mui-palette-secondary-background)',\n        '--button-hover-border-color':'var(--mui-palette-border-hover-1)',\n      },\n      \"&.MuiButton-colorPrimary\":{\n        '--button-color':'var(--mui-palette-primary-emphasis)',\n        '--button-filled-bg':'var(--mui-palette-container-bg-primary)',\n        '--button-hover-border-color':'var(--mui-palette-primary-emphasis)',\n\n        '--variant-outlinedBorder': 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)',\n        '--variant-textColor':'var(--mui-palette-primary-emphasis)',\n        '--variant-containedColor':'var(--mui-palette-text-primary)',\n\n        '&.MuiButton-outlined': {\n          color: 'var(--mui-palette-primary-emphasis)',\n          borderColor: 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 62%)',\n          '&:hover': {\n            color: 'var(--mui-palette-primary-emphasis)',\n            borderColor: 'var(--mui-palette-primary-emphasis)',\n            backgroundColor: 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)',\n          },\n        },\n        '&.MuiButton-contained': {\n          color: 'var(--mui-palette-primary-emphasis)',\n          backgroundColor: 'var(--mui-palette-container-bg-primary)',\n          '&:hover': {\n            color: 'var(--mui-palette-primary-emphasis)',\n            borderColor: 'var(--mui-palette-border-hover-1)',\n            backgroundColor: 'var(--mui-palette-container-bg-primary)',\n          },\n        },\n        '&.MuiButton-text': {\n          color: 'var(--mui-palette-primary-emphasis)',\n          '&:hover': {\n            color: 'var(--mui-palette-primary-emphasis)',\n            borderColor: 'var(--mui-palette-primary-emphasis)',\n            backgroundColor: 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 94%)',\n          },\n        },\n      },\n\n      \"&:active\": {\n        scale:\"0.9\",\n      },\n    },\n    outlined: {\n      \"&:hover\": {\n        borderColor: 'var(--button-hover-border-color)',\n      },\n    },\n    contained: {\n      boxShadow: 'none',\n      border:'1px solid transparent',\n      '&:hover': {\n        boxShadow: 'none',\n        borderColor: 'var(--button-hover-border-color)',\n        backgroundColor: 'var(--button-filled-bg)',\n      },\n    },\n\n    text: {\n      border:'1px solid transparent',\n      borderColor: 'var(--variant-textBorderColor)',\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiButton\">\n\nexport const buttonBaseTheme = {\n  styleOverrides: {\n    root: {\n      textTransform: 'capitalize',\n    },\n  }\n  \n} as const satisfies MuiComponentTheme<\"MuiButtonBase\">","'use client'\nimport {forwardRef} from 'react'\nimport MuiIconButton from '@mui/material/IconButton'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { type TooltipProps } from '@mui/material/Tooltip'\nimport { Box } from '@/ele/Box'\n\ntype IconButtonProps = React.ComponentProps<typeof MuiIconButton>\ntype Props = {\n  /** The Icon to render */\n  children: React.ReactNode;\n  /** The title of the tooltip */\n  title?: string;\n  /** \n   * The color theme of the entire component.\n   * @default 'secondary' (from theme)\n   */\n  color?: IconButtonProps['color'];\n  /**\n   * The size of the component.\n   * @default 'small' (from theme)\n   */\n  size?: IconButtonProps['size'];\n  \n  selected?: boolean;\n  \n  slotProps?: {\n    tooltip?: Omit<TooltipProps, \"children\">\n  };\n} & Omit<IconButtonProps, \"color\" | \"size\">;\n\n/**\n * A MuiIconButton wrapped in a MuiTooltip.\n * Default props like `size` and `color` are handled by the theme.\n */\nconst IconButton = forwardRef<HTMLButtonElement, Props>(({\n  title = \"\",\n  children,\n  color,\n  size,\n  slotProps,\n  selected,\n  className,\n  ...props\n}, ref) => {\n  return (\n    <Tooltip \n      title={title} \n      slotProps={{\n        popper: {\n          sx: {\n            textTransform: \"capitalize\",\n          }\n        },\n        ...slotProps?.tooltip\n      }}\n    >\n      <Box component=\"span\" sx={{width: \"fit-content\"}}>\n        <MuiIconButton\n          ref={ref}\n          color={color}\n          size={size}\n          className={[className, selected ? 'Mui-selected' : ''].filter(Boolean).join(' ')}\n          {...props}\n        >\n          {children}\n        </MuiIconButton>\n      </Box>\n    </Tooltip>\n  )\n})\n\nexport default IconButton","export {default as Tooltip} from '@mui/material/Tooltip'\nexport * from './theme'\n","'use client'\nimport { styled } from '@mui/material/styles'\n\nimport IconButton from './IconButton'\n\nexport default styled(IconButton)({\n  \"&:hover svg\": {\n    transform:\"rotate(360deg)\",\n    transition:\"transform 0.3s ease-in-out\",\n  },\n})","'use client'\nimport { forwardRef, useState, useEffect, type ComponentProps } from 'react'\nimport { Box } from '@/ele/Box'\nimport IconButton from './IconButton'\n\n// reuse the public prop types from the regular IconButton component; this\n// automatically keeps the two in sync and avoids exporting an explicit\n// `Props` type from IconButton.tsx.\nexport type IconButtonFadeProps = ComponentProps<typeof IconButton> & {\n  /**\n   * element that is shown temporarily when the button is activated (usually\n   * another icon).  the component will fade from `children` to this element\n   * and then automatically back again after `fadeDuration`.\n   */\n  fadeIcon: React.ReactNode;\n  /** how long (in ms) the fade icon remains visible before reverting */\n  fadeDuration?: number;\n};\n\nconst IconButtonFade = forwardRef<HTMLButtonElement, IconButtonFadeProps>(({\n  fadeIcon,\n  fadeDuration = 1000,\n  children,\n  onClick,\n  ...rest\n}, ref) => {\n  const [active, setActive] = useState(false);\n\n  const handleClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {\n    onClick?.(e);\n    setActive(true);\n  };\n\n  useEffect(() => {\n    if (!active) return;\n    const timer = setTimeout(() => setActive(false), fadeDuration);\n    return () => clearTimeout(timer);\n  }, [active, fadeDuration]);\n\n  return (\n    <IconButton\n      ref={ref}\n      {...rest}\n      onClick={handleClick}\n    >\n      <Box sx={{ position: 'relative', display: 'inline-flex' }}>\n        <Box\n          sx={{\n            opacity: active ? 0 : 1,\n            transition: 'opacity 0.2s ease-in-out',\n          }}\n        >\n          {children}\n        </Box>\n        <Box\n          sx={{\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            opacity: active ? 1 : 0,\n            transition: 'opacity 0.2s ease-in-out',\n          }}\n        >\n          {fadeIcon}\n        </Box>\n      </Box>\n    </IconButton>\n  )\n})\n\nexport default IconButtonFade\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const iconButtonTheme = {\n  defaultProps: {\n    focusRipple: false,\n    disableRipple: true,\n    color: 'secondary',\n    size: 'small',\n  },\n  styleOverrides: {\n    root: ({theme}) =>({\n      // MUI IconButton defaults to 150ms background-color. Drop color\n      // interpolation; :active scale stays a snap transform.\n      transition: 'background-color 0s, border-color 0s, color 0s',\n      '--button-color':'var(--mui-palette-text-primary)',\n      '--button-hover-border-color':'var(--mui-palette-border-hover-1)',\n      \"&.MuiIconButton-colorError\":{\n        '--button-color':'var(--mui-palette-error-main)',\n        '--button-hover-border-color':'var(--mui-palette-error-dark)',\n      },\n      \"&.MuiIconButton-colorInfo\":{\n        '--button-color':'var(--mui-palette-info-main)',\n        '--button-hover-border-color':'var(--mui-palette-info-dark)',\n      },\n      \"&.MuiIconButton-colorSuccess\":{\n        '--button-color':'var(--mui-palette-success-dark)',\n        '--button-hover-border-color':'var(--mui-palette-success-dark)',\n      },\n      \"&.MuiIconButton-colorWarning\":{\n        '--button-color':'var(--mui-palette-warning-main)',\n        '--button-hover-border-color':'var(--mui-palette-warning-dark)',\n      },\n      \"&.MuiIconButton-colorSecondary\":{\n        '--button-color':'var(--mui-palette-secondary-dark)',\n        '--button-hover-border-color':'var(--mui-palette-secondary-main)',\n      },\n      \"&.MuiIconButton-colorPrimary\":{\n        '--button-color':'var(--mui-palette-primary-emphasis)',\n        '--button-hover-border-color':'var(--mui-palette-primary-emphasis)',\n      },\n      \"&.MuiIconButton-colorSystem\":{\n        '--button-color':'var(--mui-palette-system-main)',\n        '--button-hover-border-color':'var(--mui-palette-system-dark)',\n      },\n      \"&.MuiIconButton-colorInsight\":{\n        '--button-color':'var(--mui-palette-insight-main)',\n        '--button-hover-border-color':'var(--mui-palette-insight-dark)',\n      },\n\n      '--color-p':'var(--button-color)',\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      \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      border: '1px solid transparent',\n      \"&:hover\": {\n        borderColor: 'color-mix(in lab, var(--mui-palette-border-1) 80%, var(--button-hover-border-color))',\n      },\n\n      \"&:active\": {\n        scale:\"0.9\",\n      },\n    }),\n  },\n\n} as const satisfies MuiComponentTheme<\"MuiIconButton\">","import MuiChip, { type ChipProps } from '@mui/material/Chip'\n\n/**\n * A wrapper for Mui Chip\n */\nexport default function Chip({ color = 'default', ...props }: ChipProps) {\n  return <MuiChip {...props} color={color} />\n}\n","'use client'\nimport { Chip } from '@/ele/Chip'\nimport { styled } from '@mui/material/styles'\nimport { tagButtonVars } from './theme'\n\n/**\n * A styled Mui Chip component\n * \n * [Doc](https://mui.com/material-ui/react-chip/)\n */\nconst TagButton = styled(Chip,{\n    \n})(() => ({\n  ...tagButtonVars,\n\n  '&.MuiChip-root':{\n    maxWidth: 'fit-content',\n    textTransform: 'lowercase',\n    color:'var(--tag-color)',\n    fontStyle: 'italic',\n    padding: '2px 4px',\n    \n    border:'none',\n    borderRadius: 'var(--mui-shape-borderRadius)',  // use theme shape token\n    fontSize: '12px',\n    lineHeight: '16px',\n    height:'auto',\n    width:'auto',\n    boxShadow:'none',\n    gap:'2px',\n  \n    background:'var(--tag-bg)',\n    transition: 'none',\n    \n    borderWidth: '0px',\n    '&.MuiChip-clickable:hover': {\n      background: 'var(--tag-bg-hover)',\n      boxShadow: 'none',\n    },\n    '& .MuiChip-icon': {\n      color: 'var(--tag-color)',\n      fontSize: '1rem',\n      margin:'0',\n      padding:'0',\n    },\n    '& .MuiChip-label': {\n      padding: '0 1px',\n\n      margin:'0',\n      marginRight:'4px',\n    },\n    '& .MuiChip-deleteIcon': {\n      fontSize: '1rem',\n      borderRadius: '50%',\n      color: 'var(--tag-color)',\n      margin:'0',\n    },\n\n    '& .MuiSvgIcon-root':{\n      fontSize: '1em',\n    }\n  },\n}))\nexport default TagButton","export const tagButtonVars = {\n\t'--tag-color': 'var(--mui-palette-text-grey-1)',\n\t'--tag-bg': 'var(--mui-palette-background-grey-1)',\n\t'--tag-bg-hover': 'var(--mui-palette-focus-soft-1)',\n} as const\n"],"mappings":"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","names":["MuiButton","import_jsx_runtime","MuiIconButton","import_react","import_jsx_runtime","import_jsx_runtime","MuiChip","import_styles"]}

package/dist/button.mjs

@@ -1,19 +1,25 @@
 import {
   Button,
+  IconButton_Fade_default,
+  IconButton_HoverSpinnin_default,
+  IconButton_default,
+  TagButton_default,
   buttonBaseTheme,
-  buttonGroupTheme,
   buttonTheme,
-  default as default2,
-  default2 as default3,
   iconButtonTheme
-} from "./chunk-PKADXEAD.mjs";
+} from "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
 export {
-  default2 as Button,
-  default3 as IconButton,
+  Button,
+  IconButton_default as IconButton,
+  IconButton_Fade_default as IconButtonFade,
+  IconButton_HoverSpinnin_default as IconButtonSpin,
+  TagButton_default as TagButton,
   buttonBaseTheme,
-  buttonGroupTheme,
   buttonTheme,
-  Button as default,
   iconButtonTheme
 };
 //# sourceMappingURL=button.mjs.map

package/dist/card.d.mts

@@ -0,0 +1,47 @@
+import { CardProps } from '@mui/material/Card';
+export { default as Card } from '@mui/material/Card';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { CardContentProps } from '@mui/material/CardContent';
+export { default as CardContent } from '@mui/material/CardContent';
+export { default as CardHeader } from '@mui/material/CardHeader';
+export { default as CardActions } from '@mui/material/CardActions';
+
+/**
+ * A Simple Mui Card Component
+ *
+ * [Doc](https://mui.com/material-ui/api/card/)
+ */
+declare function Card({ children, slotProps, ...rest }: CardProps & {
+    slotProps?: {
+        cardContent?: CardContentProps;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+declare const cardTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const cardContentTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const spotlightCardVars: {
+    readonly '--hover-shadow-color': "var(--mui-palette-blink-golden)";
+};
+
+/**
+ * clickable Card with a spotlight effect on hover
+ *
+ * [Doc](https://mui.com/material-ui/api/card/)
+ */
+declare function SpotlightCard({ children, slotProps, ...rest }: CardProps & {
+    slotProps?: {
+        cardContent?: CardContentProps;
+    };
+}): react_jsx_runtime.JSX.Element;
+
+export { Card as CardContainer, SpotlightCard, cardContentTheme, cardTheme, spotlightCardVars };