@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Timeline/index.ts","../src/components/elemental/Timeline/MuiTimeline/MuiTimeline.tsx","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Button/src/IconButton/IconButton.tsx","../src/components/elemental/Tooltip/src/Tooltip/index.ts","../src/components/elemental/Timeline/MuiTimeline/theme.ts"],"sourcesContent":["export {\n    MuiTLContainer,\n    MuiTLItem,\n} from './MuiTimeline'\n","'use client'\nimport Timeline from '@mui/lab/Timeline'\nimport TimelineItem from '@mui/lab/TimelineItem'\nimport TimelineSeparator from '@mui/lab/TimelineSeparator'\nimport TimelineConnector from '@mui/lab/TimelineConnector'\nimport TimelineContent from '@mui/lab/TimelineContent'\nimport TimelineOppositeContent from '@mui/lab/TimelineOppositeContent'\nimport TimelineDot from '@mui/lab/TimelineDot'\nimport { styled } from '@mui/material/styles'\nimport type { SxProps, Theme } from '@mui/material/styles'\nimport { IconButton } from '@/ele/Button'\nimport { muiTimelineRootSx } from './theme'\n\nconst nodeSpacing = \"2px\" as const;\n\n/**\n * Mui Timeline\n * \n * [Doc] (https://mui.com/material-ui/api/timeline/)\n */\nexport const MuiTLContainer = Timeline\n\n/**\n * Mui Timeline Item\n * \n * [Doc] (https://mui.com/material-ui/api/timeline-item/)\n */\nexport function MuiTLItem({\n  content,\n  icon, title, oppsiteContent,\n  iconOnClick,\n  isAnimated=false,\n  isCompleted=false,\n  isIconDisabled=false,\n  sx,\n  ...rest\n}: {\n  oppsiteContent?:React.ReactNode,\n  icon?: React.ReactNode,\n  title?:React.ReactNode,\n  content?:React.ReactNode,\n  iconOnClick?:()=>void,\n  isAnimated?:boolean,\n  isCompleted?:boolean,\n  isIconDisabled?:boolean,\n  sx?: SxProps<Theme>;\n} & Omit<React.ComponentProps<typeof TimelineItem>, \"content\" | \"sx\" | \"title\">) {\n\n  return (\n    <StyledTLI isIconDisabled={isIconDisabled} {...rest} sx={sx}>\n      {oppsiteContent && <TimelineOppositeContent\n        sx={{ \n          marginTop: nodeSpacing,\n          color:\"var(--content-text)\",\n          paddingTop:\"2px\",\n        }}\n        >\n        {oppsiteContent}\n      </TimelineOppositeContent>}\n      <TimelineSeparator>\n        <TimelineDot sx={{\n          \"&.MuiTimelineDot-root\":{\n            padding:0,\n            background:\"transparent\",\n            border:\"unset\",\n            height:\"25px\",\n            width:\"25px\",\n            overflow:\"hidden\",\n            borderRadius:\"50%\",\n            margin:`${nodeSpacing} 0`,\n            \"&>span\":{\n              width:\"100%\",\n              height:\"100%\",\n            },\n          },\n          \"& .MuiButtonBase-root\":{\n            height:\"100%\",\n            width:\"100%\",\n            borderRadius:\"50%\",\n            \"& svg\":{\n              fontSize:\"1em\",\n            }\n          },\n        }}>\n        <IconButton onClick={iconOnClick} disabled={isIconDisabled} sx={{padding: 0}}>\n          {icon}\n        </IconButton>\n        </TimelineDot>\n\n        <StyledTLConnector isAnimated={isAnimated} isCompleted={isCompleted}/>\n\n      </TimelineSeparator>  \n      <TimelineContent sx={{ \n        color:\"var(--content-text)\",\n        marginTop: `${nodeSpacing}`,\n        \"&.MuiTimelineContent-root\":{\n          padding: '12px 16px',\n          paddingTop:\"2px\",\n        },\n      }}>\n        {title}\n        {content}\n      </TimelineContent>\n    </StyledTLI>\n  )\n}\n\nconst StyledTLI = styled(TimelineItem,{\n  shouldForwardProp: (prop:string) => (\n    prop !== 'isIconDisabled'\n  )\n})<{isIconDisabled:boolean;}>(() => ({\n  ...muiTimelineRootSx as object,\n\n  \"& .MuiTimelineDot-root\":{\n    boxShadow: \"none\",\n    borderRadius: \"50%\",\n  },\n  // hover effect \n  \"&.MuiTimelineItem-root:hover .MuiTimelineSeparator-root\":{\n    // change separator color\n    \"& .MuiTimelineConnector-root\":{\n    },\n    // change dot color\n    \"& .MuiTimelineDot-root\":{\n      boxShadow: \"var(--shadow)\",\n      borderRadius: \"50%\",\n    },\n  },\n  variants:[\n    {\n      props: p=>p.isIconDisabled,\n      style: {\n        // orginal shadow\n        '--shadow': 'none',\n      }\n    },\n    {\n      props: p=>!p.isIconDisabled,\n      style: {\n        '--shadow': 'var(--shadow-outset-1)',\n      }\n    }\n  ]\n}))\nconst StyledTLConnector = styled(TimelineConnector,{\n  shouldForwardProp: (prop:string) => (\n    prop !== 'isAnimated'\n    && prop !== 'isCompleted'\n  ),\n})<{isAnimated:boolean;isCompleted:boolean;}>(() => ({\n  backgroundColor:\"var(--bg)\",\n  position: \"relative\",\n  overflow: \"hidden\",\n  \"&::before\": {\n    content: '\"\"',\n    position: \"absolute\",\n    top: \"-100%\",\n    left: 0,\n    width: \"0%\",\n    height: \"200%\",\n    borderRight: \"2px dashed var(--border-color)\",\n    animation: \"var(--animated-connector)\",\n  },\n  \"@keyframes dash\": {\n    \"to\": { transform: \"translateY(50%)\"},\n  },\n  variants:[\n    // animation + isCompleted\n    {\n      props: p=>p.isAnimated && p.isCompleted,\n      style: {\n        \"--animated-connector\": \"dash 10s linear infinite\",\n        \"--bg\": \"transparent\",\n        \"--border-color\": \"var(--connector-border-color)\",\n      }\n    },\n    // no animation + isCompleted\n    {\n      props: p=>!p.isAnimated && p.isCompleted,\n      style: {\n        \"--animated-connector\": \"none\",\n        \"--bg\": \"var(--connector-focus-color)\",\n        \"--border-color\": \"transparent\",\n      }\n    },\n    // animation + not isCompleted\n    {\n      props: p=>p.isAnimated && !p.isCompleted,\n      style: {\n        \"--animated-connector\": \"dash 1s linear infinite\",\n        \"--bg\": \"transparent\",\n        \"--border-color\": \"var(--connector-border-color)\",\n      }\n    },\n    // no animation + not isCompleted\n    {\n      props: p=>!p.isAnimated && !p.isCompleted,\n      style: {\n        \"--animated-connector\": \"none\",\n        \"--bg\": \"var(--connector-non-focus-color)\",\n        \"--border-color\": \"transparent\",\n      }\n    },\n  ]\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","'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","import type { SxProps, Theme } from '@mui/material/styles'\n\nexport const muiTimelineRootSx: SxProps<Theme> = {\n  '--content-text': 'var(--mui-palette-text-subscript)',\n  '--connector-border-color': 'var(--mui-palette-focus-1)',\n  '--connector-focus-color': 'var(--mui-palette-focus-1)',\n  '--connector-non-focus-color': 'var(--mui-palette-background-grey-1)',\n} as const satisfies SxProps<Theme>\n"],"mappings":"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","names":["MuiIconButton","import_jsx_runtime","Timeline","TimelineOppositeContent","TimelineSeparator","TimelineDot","TimelineContent","TimelineItem","TimelineConnector"]}

package/dist/timeline.mjs

@@ -0,0 +1,14 @@
+import {
+  MuiTLContainer,
+  MuiTLItem
+} from "./chunk-SRWPHN2N.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  MuiTLContainer,
+  MuiTLItem
+};
+//# sourceMappingURL=timeline.mjs.map

package/dist/timeline.mjs.map

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

package/dist/toggleButtonGroup.d.mts

@@ -0,0 +1,125 @@
+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 _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
+import * as MuiToggleButton from '@mui/material/ToggleButton';
+import MuiToggleButton__default from '@mui/material/ToggleButton';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import * as _mui_material_ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import _mui_material_ToggleButtonGroup__default from '@mui/material/ToggleButtonGroup';
+
+type Option = {
+    id: string;
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+    rotateIconOnSelected?: React.ComponentProps<typeof StyledToggleButton>["rotateIconOnSelected"];
+    onClick?: () => void;
+    disabled?: boolean;
+};
+type ToggleButtonGroupProps = {
+    value: string;
+    onChange: (event: React.MouseEvent<HTMLElement>, newValue: string) => void;
+    options: Option[];
+} & Omit<React.ComponentProps<typeof _mui_material_ToggleButtonGroup__default>, "value" | "onChange" | "exclusive">;
+declare function ToggleButtonGroup({ value, onChange, options, color, ...rest }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+type ToggleButtonProps = Omit<React.ComponentProps<typeof MuiToggleButton__default>, "value" | "onClick" | "disabled" | "children" | "disableRipple"> & {
+    option: Option;
+};
+declare function ToggleButton(p: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+type CustomToggleButtonProps = {
+    rotateIconOnSelected?: boolean;
+};
+declare const StyledToggleButton: _emotion_styled.StyledComponent<MuiToggleButton.ToggleButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "selected" | "value"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & CustomToggleButtonProps, {}, {}>;
+
+declare const toggleButtonGroupTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material_ToggleButtonGroup.ToggleButtonGroupProps & Record<string, unknown> & {
+            ownerState: _mui_material_ToggleButtonGroup.ToggleButtonGroupProps & Record<string, unknown>;
+        } & {
+            theme: Omit<_mui_material_styles.Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            width: string;
+            maxWidth: string;
+            border: string;
+            boxShadow: "var(--mui-palette-shadow-border-1)";
+            padding: string;
+            borderRadius: string;
+            gap: string;
+        };
+    };
+};
+declare const toggleButtonTheme: {
+    readonly defaultProps: {
+        readonly disableRipple: false;
+    };
+    readonly styleOverrides: {
+        readonly root: () => {
+            '--unselected-hover-bg': string;
+            '--selected-bg': string;
+            '--selected-hover-bg': string;
+            '--disabled-bg': string;
+            '--disabled-color': string;
+            '--c': string;
+            border: string;
+            textTransform: "none";
+            padding: string;
+            overflow: "hidden";
+            color: "var(--c)";
+            maxWidth: string;
+            "\n        &.MuiButtonBase-root, \n        &.MuiToggleButtonGroup.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-middleButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-firstButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-lastButton.MuiButtonBase-root": {
+                borderRadius: string;
+            };
+            "&:hover": {
+                backgroundColor: string;
+            };
+            "&.Mui-selected": {
+                background: string;
+                transition: string;
+                "&:hover": {
+                    background: string;
+                };
+                "&.Mui-disabled": {
+                    background: string;
+                };
+            };
+            "&.Mui-disabled": {
+                color: string;
+                border: string;
+            };
+            "& svg": {
+                fontSize: string;
+            };
+            "&.Mui-error": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-info": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-success": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-warning": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-primary": {
+                "--c": string;
+                "--selected-bg": string;
+                "--selected-hover-bg": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-secondary": {
+                "--c": string;
+            };
+        };
+    };
+};
+
+export { ToggleButton, ToggleButtonGroup, toggleButtonGroupTheme, toggleButtonTheme };

package/dist/toggleButtonGroup.d.ts

@@ -0,0 +1,125 @@
+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 _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
+import * as MuiToggleButton from '@mui/material/ToggleButton';
+import MuiToggleButton__default from '@mui/material/ToggleButton';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+import * as _mui_material_ToggleButtonGroup from '@mui/material/ToggleButtonGroup';
+import _mui_material_ToggleButtonGroup__default from '@mui/material/ToggleButtonGroup';
+
+type Option = {
+    id: string;
+    value: string;
+    label: string;
+    icon?: React.ReactNode;
+    rotateIconOnSelected?: React.ComponentProps<typeof StyledToggleButton>["rotateIconOnSelected"];
+    onClick?: () => void;
+    disabled?: boolean;
+};
+type ToggleButtonGroupProps = {
+    value: string;
+    onChange: (event: React.MouseEvent<HTMLElement>, newValue: string) => void;
+    options: Option[];
+} & Omit<React.ComponentProps<typeof _mui_material_ToggleButtonGroup__default>, "value" | "onChange" | "exclusive">;
+declare function ToggleButtonGroup({ value, onChange, options, color, ...rest }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+type ToggleButtonProps = Omit<React.ComponentProps<typeof MuiToggleButton__default>, "value" | "onClick" | "disabled" | "children" | "disableRipple"> & {
+    option: Option;
+};
+declare function ToggleButton(p: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+type CustomToggleButtonProps = {
+    rotateIconOnSelected?: boolean;
+};
+declare const StyledToggleButton: _emotion_styled.StyledComponent<MuiToggleButton.ToggleButtonOwnProps & Omit<_mui_material_ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "selected" | "value"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme> & CustomToggleButtonProps, {}, {}>;
+
+declare const toggleButtonGroupTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material_ToggleButtonGroup.ToggleButtonGroupProps & Record<string, unknown> & {
+            ownerState: _mui_material_ToggleButtonGroup.ToggleButtonGroupProps & Record<string, unknown>;
+        } & {
+            theme: Omit<_mui_material_styles.Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            width: string;
+            maxWidth: string;
+            border: string;
+            boxShadow: "var(--mui-palette-shadow-border-1)";
+            padding: string;
+            borderRadius: string;
+            gap: string;
+        };
+    };
+};
+declare const toggleButtonTheme: {
+    readonly defaultProps: {
+        readonly disableRipple: false;
+    };
+    readonly styleOverrides: {
+        readonly root: () => {
+            '--unselected-hover-bg': string;
+            '--selected-bg': string;
+            '--selected-hover-bg': string;
+            '--disabled-bg': string;
+            '--disabled-color': string;
+            '--c': string;
+            border: string;
+            textTransform: "none";
+            padding: string;
+            overflow: "hidden";
+            color: "var(--c)";
+            maxWidth: string;
+            "\n        &.MuiButtonBase-root, \n        &.MuiToggleButtonGroup.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-middleButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-firstButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-lastButton.MuiButtonBase-root": {
+                borderRadius: string;
+            };
+            "&:hover": {
+                backgroundColor: string;
+            };
+            "&.Mui-selected": {
+                background: string;
+                transition: string;
+                "&:hover": {
+                    background: string;
+                };
+                "&.Mui-disabled": {
+                    background: string;
+                };
+            };
+            "&.Mui-disabled": {
+                color: string;
+                border: string;
+            };
+            "& svg": {
+                fontSize: string;
+            };
+            "&.Mui-error": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-info": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-success": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-warning": {
+                "--c": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-primary": {
+                "--c": string;
+                "--selected-bg": string;
+                "--selected-hover-bg": string;
+                "--unselected-hover-bg": string;
+            };
+            "&.MuiToggleButton-secondary": {
+                "--c": string;
+            };
+        };
+    };
+};
+
+export { ToggleButton, ToggleButtonGroup, toggleButtonGroupTheme, toggleButtonTheme };

package/dist/toggleButtonGroup.js

@@ -0,0 +1,190 @@
+"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/ToggleButtonGroup/index.ts
+var ToggleButtonGroup_exports = {};
+__export(ToggleButtonGroup_exports, {
+  ToggleButton: () => ToggleButton,
+  ToggleButtonGroup: () => ToggleButtonGroup,
+  toggleButtonGroupTheme: () => toggleButtonGroupTheme,
+  toggleButtonTheme: () => toggleButtonTheme
+});
+module.exports = __toCommonJS(ToggleButtonGroup_exports);
+
+// src/components/elemental/ToggleButtonGroup/src/ToggleButtonGroup/ToggleButtonGroup.tsx
+var import_ToggleButton = __toESM(require("@mui/material/ToggleButton"));
+var import_ToggleButtonGroup = __toESM(require("@mui/material/ToggleButtonGroup"));
+var import_styles = require("@mui/material/styles");
+
+// 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/ToggleButtonGroup/src/ToggleButtonGroup/ToggleButtonGroup.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function ToggleButtonGroup({ value, onChange, options, color, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToggleButtonGroup.default, { ...rest, value, exclusive: true, onChange, children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleButton, { option, color }, option.id)) });
+}
+function ToggleButton(p) {
+  const { option, ...rest } = p;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StyledToggleButton,
+    {
+      ...rest,
+      value: option.value,
+      rotateIconOnSelected: option.rotateIconOnSelected,
+      disableRipple: false,
+      disabled: option.disabled,
+      onClick: option.onClick,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Box.default, { sx: (theme) => ({
+        display: "flex",
+        gap: theme.spacing(0.5),
+        alignItems: "center",
+        background: "transparent",
+        paddingLeft: theme.spacing(1.5),
+        paddingRight: theme.spacing(1.5)
+      }), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap", flex: 1 }, children: option.label }),
+        option.icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { display: "flex", flex: 0 }, children: option.icon })
+      ] })
+    }
+  );
+}
+var StyledToggleButton = (0, import_styles.styled)(import_ToggleButton.default, {
+  shouldForwardProp: (prop) => prop !== "rotateIconOnSelected"
+})({
+  variants: [
+    {
+      props: { rotateIconOnSelected: true },
+      style: {
+        "&.Mui-selected svg": {
+          transform: "rotate(360deg)",
+          transition: "transform 0.75s"
+        }
+      }
+    }
+  ]
+});
+
+// src/components/elemental/ToggleButtonGroup/src/ToggleButtonGroup/themes.ts
+var toggleButtonGroupTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: ({ theme }) => ({
+      width: "fit-content",
+      maxWidth: "100%",
+      border: "none",
+      boxShadow: "var(--mui-palette-shadow-border-1)",
+      padding: theme.spacing(0.5),
+      borderRadius: "10px",
+      gap: theme.spacing(0.5)
+    })
+  }
+};
+var toggleButtonTheme = {
+  defaultProps: {
+    disableRipple: false
+  },
+  styleOverrides: {
+    root: () => ({
+      "--unselected-hover-bg": "var(--mui-palette-background-hover-1)",
+      "--selected-bg": "var(--mui-palette-focus-1)",
+      "--selected-hover-bg": "color-mix(in lab, var(--selected-bg), var(--unselected-hover-bg) 30%)",
+      "--disabled-bg": "var(--mui-palette-background-disabled)",
+      "--disabled-color": "var(--mui-palette-text-disabled)",
+      "--c": "var(--mui-palette-text-primary)",
+      border: "none",
+      textTransform: "none",
+      padding: "0px",
+      overflow: "hidden",
+      color: "var(--c)",
+      maxWidth: "200px",
+      [`
+        &.MuiButtonBase-root, 
+        &.MuiToggleButtonGroup.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-middleButton.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-firstButton.MuiButtonBase-root,
+        &.MuiToggleButtonGroup-lastButton.MuiButtonBase-root`]: {
+        borderRadius: "8px"
+      },
+      "&:hover": {
+        backgroundColor: "var(--unselected-hover-bg)"
+      },
+      "&.Mui-selected": {
+        background: "var(--selected-bg)",
+        transition: "background 0.3s",
+        "&:hover": {
+          background: "var(--selected-hover-bg)"
+        },
+        "&.Mui-disabled": {
+          background: "var(--disabled-bg)"
+        }
+      },
+      "&.Mui-disabled": {
+        color: "var(--disabled-color)",
+        border: "none"
+      },
+      "& svg": {
+        fontSize: "inherit"
+      },
+      "&.Mui-error": {
+        "--c": "var(--mui-palette-error-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-error-main), var(--mui-palette-background-hover-1) 87%)"
+      },
+      "&.MuiToggleButton-info": {
+        "--c": "var(--mui-palette-info-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-info-main), var(--mui-palette-background-hover-1) 84%)"
+      },
+      "&.MuiToggleButton-success": {
+        "--c": "var(--mui-palette-success-dark)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-success-dark), var(--mui-palette-background-hover-1) 77%)"
+      },
+      "&.MuiToggleButton-warning": {
+        "--c": "var(--mui-palette-warning-main)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-warning-main), var(--mui-palette-background-hover-1) 82%)"
+      },
+      "&.MuiToggleButton-primary": {
+        "--c": "var(--mui-palette-primary-emphasis)",
+        "--selected-bg": "color-mix(in lab, var(--mui-palette-container-bg-primary), var(--mui-palette-primary-emphasis) 26%)",
+        "--selected-hover-bg": "color-mix(in lab, var(--selected-bg), var(--mui-palette-primary-emphasis) 18%)",
+        "--unselected-hover-bg": "color-mix(in lab, var(--mui-palette-primary-emphasis), var(--mui-palette-background-hover-1) 84%)"
+      },
+      "&.MuiToggleButton-secondary": { "--c": "var(--mui-palette-secondary-main)" }
+    })
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToggleButton,
+  ToggleButtonGroup,
+  toggleButtonGroupTheme,
+  toggleButtonTheme
+});
+//# sourceMappingURL=toggleButtonGroup.js.map

package/dist/toggleButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/ToggleButtonGroup/index.ts","../src/components/elemental/ToggleButtonGroup/src/ToggleButtonGroup/ToggleButtonGroup.tsx","../src/components/elemental/Box/src/index.ts","../src/components/elemental/ToggleButtonGroup/src/ToggleButtonGroup/themes.ts"],"sourcesContent":["export * from './src'","'use client'\nimport React from 'react';\nimport MuiToggleButton from '@mui/material/ToggleButton';\nimport MuiToggleButtonGroup from '@mui/material/ToggleButtonGroup';\nimport { styled } from '@mui/material/styles';\nimport { Box } from '@/ele/Box';\n\ntype Option = {\n  id:string;\n  value:string;\n  label:string;\n  icon?:React.ReactNode;\n  rotateIconOnSelected?:React.ComponentProps<typeof StyledToggleButton>[\"rotateIconOnSelected\"];\n  onClick?:()=>void;\n  disabled?:boolean;\n}\ntype ToggleButtonGroupProps = {\n  value:string;\n  onChange:(event: React.MouseEvent<HTMLElement>, newValue: string) => void;\n  options:Option[];\n} & Omit<React.ComponentProps<typeof MuiToggleButtonGroup>, \"value\" | \"onChange\" | \"exclusive\">;\nexport default function ToggleButtonGroup({ value, onChange, options, color, ...rest }: ToggleButtonGroupProps) {\n  return (\n    <MuiToggleButtonGroup {...rest} value={value} exclusive onChange={onChange}>\n      {options.map((option) => (\n        <ToggleButton key={option.id} option={option} color={color} />\n      ))}\n    </MuiToggleButtonGroup>\n  )\n}\n\ntype ToggleButtonProps = Omit<\nReact.ComponentProps<typeof MuiToggleButton>, \n\"value\" | \"onClick\" |\"disabled\"\n|\"children\"|\"disableRipple\"\n> & {option:Option}\nexport function ToggleButton(p:ToggleButtonProps){\n  const {option,...rest} = p;\n  return (\n    <StyledToggleButton {...rest}\n      value={option.value}\n      rotateIconOnSelected={option.rotateIconOnSelected}\n      disableRipple={false}\n      disabled={option.disabled}\n      onClick={option.onClick}>\n        <Box sx={(theme)=>({\n          display:\"flex\",\n          gap:theme.spacing(0.5),\n          alignItems:\"center\", \n          background:\"transparent\",\n          paddingLeft: theme.spacing(1.5),\n          paddingRight: theme.spacing(1.5),\n        })}>\n          <Box sx={{overflow:\"hidden\", textOverflow:\"ellipsis\", whiteSpace:\"nowrap\", flex:1}}>{option.label}</Box>\n          {option.icon && <Box sx={{display:\"flex\", flex:0}}>{option.icon}</Box>}\n        </Box>\n    </StyledToggleButton>\n  )\n}\n\ntype CustomToggleButtonProps = {\n  rotateIconOnSelected?:boolean;\n}\nconst StyledToggleButton = styled(MuiToggleButton,{\n  shouldForwardProp: (prop) => prop !== 'rotateIconOnSelected',\n})<CustomToggleButtonProps>({\n  variants: [\n    {\n      props: { rotateIconOnSelected: true },\n      style: {\n        \"&.Mui-selected svg\":{\n          transform:\"rotate(360deg)\",\n          transition:\"transform 0.75s\",\n        },\n        \n      }\n    },\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 toggleButtonGroupTheme = {\n  defaultProps:{\n    \n  },\n  styleOverrides: {\n    root: ({theme}) => ({\n      width: 'fit-content',\n      maxWidth: '100%',\n\n      border:\"none\",\n      boxShadow:\"var(--mui-palette-shadow-border-1)\",\n      padding: theme.spacing(0.5),\n      borderRadius:\"10px\",\n      gap:theme.spacing(0.5),\n    }),\n  }\n} as const satisfies MuiComponentTheme<\"MuiToggleButtonGroup\">\n\nexport const toggleButtonTheme = {\n  defaultProps: {\n    disableRipple: false,\n  },\n  styleOverrides: {\n    root: () => ({\n      '--unselected-hover-bg': 'var(--mui-palette-background-hover-1)',\n      '--selected-bg': 'var(--mui-palette-focus-1)',\n      '--selected-hover-bg': 'color-mix(in lab, var(--selected-bg), var(--unselected-hover-bg) 30%)',\n      '--disabled-bg': 'var(--mui-palette-background-disabled)',\n      '--disabled-color': 'var(--mui-palette-text-disabled)',\n      '--c': 'var(--mui-palette-text-primary)',\n\n      border:\"none\",\n      textTransform:\"none\",\n      padding:\"0px\",\n      overflow:\"hidden\",\n      color:\"var(--c)\",\n      maxWidth:\"200px\",\n\n      [`\n        &.MuiButtonBase-root, \n        &.MuiToggleButtonGroup.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-middleButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-firstButton.MuiButtonBase-root,\n        &.MuiToggleButtonGroup-lastButton.MuiButtonBase-root`]:{\n        borderRadius:\"8px\",\n      },\n\n      \"&:hover\":{\n        backgroundColor:\"var(--unselected-hover-bg)\",\n      },\n\n      \"&.Mui-selected\":{\n        background:\"var(--selected-bg)\",\n        transition:\"background 0.3s\",\n        \"&:hover\":{\n          background:\"var(--selected-hover-bg)\",\n        },\n        \"&.Mui-disabled\":{\n          background:\"var(--disabled-bg)\",\n        },\n      },\n      \"&.Mui-disabled\":{\n        color:\"var(--disabled-color)\",\n        border:\"none\",\n      },\n\n      \"& svg\":{\n        fontSize:\"inherit\",\n      },\n\n      \"&.Mui-error\":{ \n        \"--c\":'var(--mui-palette-error-main)', \n        \"--unselected-hover-bg\": 'color-mix(in lab, var(--mui-palette-error-main), var(--mui-palette-background-hover-1) 87%)',\n      },\n      \"&.MuiToggleButton-info\":{ \n        \"--c\":'var(--mui-palette-info-main)', \n        \"--unselected-hover-bg\": 'color-mix(in lab, var(--mui-palette-info-main), var(--mui-palette-background-hover-1) 84%)',\n      },\n      \"&.MuiToggleButton-success\":{ \n        \"--c\":'var(--mui-palette-success-dark)', \n        \"--unselected-hover-bg\": 'color-mix(in lab, var(--mui-palette-success-dark), var(--mui-palette-background-hover-1) 77%)',\n      },\n      \"&.MuiToggleButton-warning\":{ \n        \"--c\":'var(--mui-palette-warning-main)', \n        \"--unselected-hover-bg\": 'color-mix(in lab, var(--mui-palette-warning-main), var(--mui-palette-background-hover-1) 82%)',\n      },\n      \"&.MuiToggleButton-primary\":{\n        \"--c\":'var(--mui-palette-primary-emphasis)',\n        \"--selected-bg\": 'color-mix(in lab, var(--mui-palette-container-bg-primary), var(--mui-palette-primary-emphasis) 26%)',\n        \"--selected-hover-bg\": 'color-mix(in lab, var(--selected-bg), var(--mui-palette-primary-emphasis) 18%)',\n        \"--unselected-hover-bg\": 'color-mix(in lab, var(--mui-palette-primary-emphasis), var(--mui-palette-background-hover-1) 84%)',\n      },\n      \"&.MuiToggleButton-secondary\":{ \"--c\":'var(--mui-palette-secondary-main)', },\n    }),\n  }\n} as const satisfies MuiComponentTheme<\"MuiToggleButton\">"],"mappings":"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","names":["MuiToggleButtonGroup","MuiToggleButton"]}

package/dist/toggleButtonGroup.mjs

@@ -0,0 +1,15 @@
+import {
+  ToggleButton,
+  ToggleButtonGroup,
+  toggleButtonGroupTheme,
+  toggleButtonTheme
+} from "./chunk-2ZZJTBTE.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  ToggleButton,
+  ToggleButtonGroup,
+  toggleButtonGroupTheme,
+  toggleButtonTheme
+};
+//# sourceMappingURL=toggleButtonGroup.mjs.map

package/dist/toggleButtonGroup.mjs.map

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

package/dist/tooltip.d.mts

@@ -0,0 +1,13 @@
+export { default as Tooltip } from '@mui/material/Tooltip';
+
+declare const tooltipTheme: {
+    readonly defaultProps: {
+        readonly arrow: true;
+    };
+    readonly styleOverrides: {
+        readonly tooltip: {};
+        readonly arrow: {};
+    };
+};
+
+export { tooltipTheme };

package/dist/tooltip.d.ts

@@ -0,0 +1,13 @@
+export { default as Tooltip } from '@mui/material/Tooltip';
+
+declare const tooltipTheme: {
+    readonly defaultProps: {
+        readonly arrow: true;
+    };
+    readonly styleOverrides: {
+        readonly tooltip: {};
+        readonly arrow: {};
+    };
+};
+
+export { tooltipTheme };

package/dist/tooltip.js

@@ -0,0 +1,56 @@
+"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/Tooltip/index.ts
+var Tooltip_exports = {};
+__export(Tooltip_exports, {
+  Tooltip: () => import_Tooltip.default,
+  tooltipTheme: () => tooltipTheme
+});
+module.exports = __toCommonJS(Tooltip_exports);
+
+// src/components/elemental/Tooltip/src/Tooltip/index.ts
+var import_Tooltip = __toESM(require("@mui/material/Tooltip"));
+
+// src/components/elemental/Tooltip/src/Tooltip/theme.tsx
+var tooltipTheme = {
+  defaultProps: {
+    arrow: true
+  },
+  styleOverrides: {
+    tooltip: {},
+    arrow: {}
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tooltip,
+  tooltipTheme
+});
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Tooltip/index.ts","../src/components/elemental/Tooltip/src/Tooltip/index.ts","../src/components/elemental/Tooltip/src/Tooltip/theme.tsx"],"sourcesContent":["export * from './src'\n","export {default as Tooltip} from '@mui/material/Tooltip'\nexport * from './theme'\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const tooltipTheme = {\n  defaultProps: {\n    arrow: true,\n  },\n  styleOverrides: {\n    tooltip: {},\n    arrow: {},\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiTooltip\">\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,qBAAiC;;;ACE1B,IAAM,eAAe;AAAA,EAC1B,cAAc;AAAA,IACZ,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,SAAS,CAAC;AAAA,IACV,OAAO,CAAC;AAAA,EACV;AAEF;","names":[]}

package/dist/tooltip.mjs

@@ -0,0 +1,10 @@
+import {
+  default as default2,
+  tooltipTheme
+} from "./chunk-4Q54P737.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  default2 as Tooltip,
+  tooltipTheme
+};
+//# sourceMappingURL=tooltip.mjs.map

package/dist/tooltip.mjs.map

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