@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/slider.d.mts

@@ -0,0 +1,65 @@
+export { default as Slider } from '@mui/material/Slider';
+
+declare const sliderTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {
+            readonly color: "var(--mui-palette-primary-emphasis)";
+        };
+        readonly rail: {
+            readonly backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)";
+        };
+        readonly track: {
+            readonly border: "none";
+            readonly backgroundColor: "currentColor";
+        };
+        readonly thumb: {
+            readonly width: "15px";
+            readonly backgroundColor: "currentColor";
+            readonly boxShadow: "none";
+            readonly borderRadius: "5px";
+            readonly '&:hover, &.Mui-focusVisible, &.Mui-active': {
+                readonly boxShadow: "none";
+            };
+        };
+        readonly mark: () => {
+            backgroundColor: "var(--mui-palette-background-disabled)";
+            height: string;
+            width: string;
+            '&.MuiSlider-markActive': {
+                opacity: number;
+            };
+        };
+        readonly markLabel: {
+            readonly color: "var(--mui-palette-text-secondary)";
+            readonly "&.MuiSlider-markLabelActive": {
+                readonly color: "var(--mui-palette-text-primary)";
+            };
+        };
+        readonly valueLabel: {
+            readonly lineHeight: 1;
+            readonly fontSize: "9px";
+            readonly background: "unset";
+            readonly padding: 0;
+            readonly width: "24px";
+            readonly height: "24px";
+            readonly borderRadius: "50% 50% 50% 0";
+            readonly backgroundColor: "var(--mui-palette-warning-background)";
+            readonly color: "var(--mui-palette-warning-dark)";
+            readonly transformOrigin: "bottom left";
+            readonly transform: "translate(50%, -100%) rotate(-45deg) scale(0)";
+            readonly border: "1px solid var(--mui-palette-warning-dark)";
+            readonly '&::before': {
+                readonly display: "none";
+            };
+            readonly '&.MuiSlider-valueLabelOpen': {
+                readonly transform: "translate(50%, -100%) rotate(-45deg) scale(1)";
+            };
+            readonly '& > *': {
+                readonly transform: "rotate(45deg)";
+            };
+        };
+    };
+};
+
+export { sliderTheme };

package/dist/slider.d.ts

@@ -0,0 +1,65 @@
+export { default as Slider } from '@mui/material/Slider';
+
+declare const sliderTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {
+            readonly color: "var(--mui-palette-primary-emphasis)";
+        };
+        readonly rail: {
+            readonly backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)";
+        };
+        readonly track: {
+            readonly border: "none";
+            readonly backgroundColor: "currentColor";
+        };
+        readonly thumb: {
+            readonly width: "15px";
+            readonly backgroundColor: "currentColor";
+            readonly boxShadow: "none";
+            readonly borderRadius: "5px";
+            readonly '&:hover, &.Mui-focusVisible, &.Mui-active': {
+                readonly boxShadow: "none";
+            };
+        };
+        readonly mark: () => {
+            backgroundColor: "var(--mui-palette-background-disabled)";
+            height: string;
+            width: string;
+            '&.MuiSlider-markActive': {
+                opacity: number;
+            };
+        };
+        readonly markLabel: {
+            readonly color: "var(--mui-palette-text-secondary)";
+            readonly "&.MuiSlider-markLabelActive": {
+                readonly color: "var(--mui-palette-text-primary)";
+            };
+        };
+        readonly valueLabel: {
+            readonly lineHeight: 1;
+            readonly fontSize: "9px";
+            readonly background: "unset";
+            readonly padding: 0;
+            readonly width: "24px";
+            readonly height: "24px";
+            readonly borderRadius: "50% 50% 50% 0";
+            readonly backgroundColor: "var(--mui-palette-warning-background)";
+            readonly color: "var(--mui-palette-warning-dark)";
+            readonly transformOrigin: "bottom left";
+            readonly transform: "translate(50%, -100%) rotate(-45deg) scale(0)";
+            readonly border: "1px solid var(--mui-palette-warning-dark)";
+            readonly '&::before': {
+                readonly display: "none";
+            };
+            readonly '&.MuiSlider-valueLabelOpen': {
+                readonly transform: "translate(50%, -100%) rotate(-45deg) scale(1)";
+            };
+            readonly '& > *': {
+                readonly transform: "rotate(45deg)";
+            };
+        };
+    };
+};
+
+export { sliderTheme };

package/dist/slider.js

@@ -0,0 +1,106 @@
+"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/Slider/index.ts
+var Slider_exports = {};
+__export(Slider_exports, {
+  Slider: () => import_Slider.default,
+  sliderTheme: () => sliderTheme
+});
+module.exports = __toCommonJS(Slider_exports);
+
+// src/components/elemental/Slider/src/Slider/index.ts
+var import_Slider = __toESM(require("@mui/material/Slider"));
+
+// src/components/elemental/Slider/src/Slider/theme.tsx
+var sliderTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      color: "var(--mui-palette-primary-emphasis)"
+    },
+    rail: {
+      backgroundColor: "color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)"
+    },
+    track: {
+      border: "none",
+      backgroundColor: "currentColor"
+    },
+    thumb: {
+      width: "15px",
+      backgroundColor: "currentColor",
+      boxShadow: "none",
+      borderRadius: "5px",
+      "&:hover, &.Mui-focusVisible, &.Mui-active": {
+        boxShadow: "none"
+      }
+    },
+    mark: () => ({
+      backgroundColor: "var(--mui-palette-background-disabled)",
+      height: "3px",
+      width: "10px",
+      "&.MuiSlider-markActive": {
+        opacity: 1
+      }
+    }),
+    markLabel: {
+      color: "var(--mui-palette-text-secondary)",
+      "&.MuiSlider-markLabelActive": {
+        color: "var(--mui-palette-text-primary)"
+      }
+    },
+    valueLabel: {
+      lineHeight: 1,
+      fontSize: "9px",
+      background: "unset",
+      padding: 0,
+      width: "24px",
+      height: "24px",
+      borderRadius: "50% 50% 50% 0",
+      backgroundColor: "var(--mui-palette-warning-background)",
+      color: "var(--mui-palette-warning-dark)",
+      transformOrigin: "bottom left",
+      transform: "translate(50%, -100%) rotate(-45deg) scale(0)",
+      border: `1px solid var(--mui-palette-warning-dark)`,
+      "&::before": { display: "none" },
+      "&.MuiSlider-valueLabelOpen": {
+        transform: "translate(50%, -100%) rotate(-45deg) scale(1)"
+      },
+      "& > *": {
+        transform: "rotate(45deg)"
+      }
+    }
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Slider,
+  sliderTheme
+});
+//# sourceMappingURL=slider.js.map

package/dist/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Slider/index.ts","../src/components/elemental/Slider/src/Slider/index.ts","../src/components/elemental/Slider/src/Slider/theme.tsx"],"sourcesContent":["export * from './src'\n","export {default as Slider} from '@mui/material/Slider'\nexport * from './theme'\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const sliderTheme = {\n  defaultProps: {\n  },\n  styleOverrides: {\n    root: {\n      color: 'var(--mui-palette-primary-emphasis)',\n    },\n    rail: {\n      backgroundColor: 'color-mix(in lab, var(--mui-palette-primary-emphasis), transparent 76%)',\n    },\n    track: {\n      border: 'none',\n      backgroundColor: 'currentColor',\n    },\n    thumb: {\n      width: \"15px\",\n      backgroundColor: 'currentColor',\n      boxShadow: \"none\",\n      borderRadius: '5px',\n      '&:hover, &.Mui-focusVisible, &.Mui-active': {\n        boxShadow: \"none\",\n      },\n    },\n    mark: () => ({\n      backgroundColor: 'var(--mui-palette-background-disabled)',\n      height: \"3px\",\n      width: \"10px\",\n      '&.MuiSlider-markActive': {\n        opacity: 1,\n      },\n    }),\n    markLabel: {\n      color: \"var(--mui-palette-text-secondary)\",\n      \"&.MuiSlider-markLabelActive\": {\n        color: \"var(--mui-palette-text-primary)\",\n      }\n    },\n    valueLabel: {\n      lineHeight: 1,\n      fontSize: \"9px\",\n      background: 'unset',\n      padding: 0,\n      width: \"24px\",\n      height: \"24px\",\n      borderRadius: '50% 50% 50% 0',\n      backgroundColor: \"var(--mui-palette-warning-background)\",\n      color: \"var(--mui-palette-warning-dark)\",\n      transformOrigin: 'bottom left',\n      transform: 'translate(50%, -100%) rotate(-45deg) scale(0)',\n      border: `1px solid var(--mui-palette-warning-dark)`,\n      '&::before': { display: 'none' },\n      '&.MuiSlider-valueLabelOpen': {\n        transform: 'translate(50%, -100%) rotate(-45deg) scale(1)',\n      },\n      '& > *': {\n        transform: 'rotate(45deg)',\n      },\n    },\n  }\n\n} as const satisfies MuiComponentTheme<\"MuiSlider\">\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAgC;;;ACEzB,IAAM,cAAc;AAAA,EACzB,cAAc,CACd;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,OAAO;AAAA,IACT;AAAA,IACA,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,iBAAiB;AAAA,IACnB;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,cAAc;AAAA,MACd,6CAA6C;AAAA,QAC3C,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AAAA,MACX,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,0BAA0B;AAAA,QACxB,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,+BAA+B;AAAA,QAC7B,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc;AAAA,MACd,iBAAiB;AAAA,MACjB,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,aAAa,EAAE,SAAS,OAAO;AAAA,MAC/B,8BAA8B;AAAA,QAC5B,WAAW;AAAA,MACb;AAAA,MACA,SAAS;AAAA,QACP,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAEF;","names":[]}

package/dist/slider.mjs

@@ -0,0 +1,10 @@
+import {
+  default as default2,
+  sliderTheme
+} from "./chunk-EW4DTFH3.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  default2 as Slider,
+  sliderTheme
+};
+//# sourceMappingURL=slider.mjs.map

package/dist/slider.mjs.map

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

package/dist/stepper.d.mts

@@ -0,0 +1,98 @@
+export { default as Stepper } from '@mui/material/Stepper';
+export { default as Step } from '@mui/material/Step';
+export { default as StepLabel } from '@mui/material/StepLabel';
+export { default as StepConnector } from '@mui/material/StepConnector';
+export { default as StepIcon } from '@mui/material/StepIcon';
+export { default as StepButton } from '@mui/material/StepButton';
+import React from 'react';
+import * as _mui_material_styles from '@mui/material/styles';
+import { SxProps, Theme } from '@mui/material/styles';
+import * as _mui_material from '@mui/material';
+
+interface StandardStepperStep {
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+}
+interface StandardStepperProps {
+    steps: StandardStepperStep[];
+    activeStep: number;
+    onChange?: (newIndex: number) => void;
+    nonLinear?: boolean;
+    alternativeLabel?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare const StandardStepper: React.FC<StandardStepperProps>;
+
+/** Static palette aliases for StandardStepper root element */
+declare const standardStepperRootSx: SxProps<Theme>;
+declare const stepperTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+declare const stepTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const stepLabelTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material.StepLabelProps & Record<string, unknown> & {
+            ownerState: _mui_material.StepLabelProps & Record<string, unknown>;
+        } & {
+            theme: Omit<Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            "& .MuiStepLabel-label.MuiStepLabel-alternativeLabel": {
+                marginTop: string;
+            };
+            '& .MuiStepLabel-label': {
+                "&.Mui-completed": {
+                    color: string;
+                };
+                "&.Mui-active": {
+                    color: string;
+                };
+                "&.Mui-error": {
+                    color: string;
+                };
+            };
+        };
+        readonly iconContainer: {};
+    };
+};
+declare const stepConnectorTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {
+            "&.MuiStepConnector-horizontal": {
+                height: string;
+            };
+        };
+    };
+};
+declare const stepIconTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {
+            "&.Mui-completed": {
+                color: string;
+            };
+            "&.Mui-active": {
+                color: string;
+            };
+        };
+    };
+};
+declare const stepButtonTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+
+export { StandardStepper, type StandardStepperProps, type StandardStepperStep, standardStepperRootSx, stepButtonTheme, stepConnectorTheme, stepIconTheme, stepLabelTheme, stepTheme, stepperTheme };

package/dist/stepper.d.ts

@@ -0,0 +1,98 @@
+export { default as Stepper } from '@mui/material/Stepper';
+export { default as Step } from '@mui/material/Step';
+export { default as StepLabel } from '@mui/material/StepLabel';
+export { default as StepConnector } from '@mui/material/StepConnector';
+export { default as StepIcon } from '@mui/material/StepIcon';
+export { default as StepButton } from '@mui/material/StepButton';
+import React from 'react';
+import * as _mui_material_styles from '@mui/material/styles';
+import { SxProps, Theme } from '@mui/material/styles';
+import * as _mui_material from '@mui/material';
+
+interface StandardStepperStep {
+    title: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    error?: boolean;
+}
+interface StandardStepperProps {
+    steps: StandardStepperStep[];
+    activeStep: number;
+    onChange?: (newIndex: number) => void;
+    nonLinear?: boolean;
+    alternativeLabel?: boolean;
+    sx?: SxProps<Theme>;
+}
+declare const StandardStepper: React.FC<StandardStepperProps>;
+
+/** Static palette aliases for StandardStepper root element */
+declare const standardStepperRootSx: SxProps<Theme>;
+declare const stepperTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+declare const stepTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: {};
+    };
+};
+declare const stepLabelTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: ({ theme }: _mui_material.StepLabelProps & Record<string, unknown> & {
+            ownerState: _mui_material.StepLabelProps & Record<string, unknown>;
+        } & {
+            theme: Omit<Theme, "components" | "palette"> & _mui_material_styles.CssVarsTheme;
+        }) => {
+            "& .MuiStepLabel-label.MuiStepLabel-alternativeLabel": {
+                marginTop: string;
+            };
+            '& .MuiStepLabel-label': {
+                "&.Mui-completed": {
+                    color: string;
+                };
+                "&.Mui-active": {
+                    color: string;
+                };
+                "&.Mui-error": {
+                    color: string;
+                };
+            };
+        };
+        readonly iconContainer: {};
+    };
+};
+declare const stepConnectorTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {
+            "&.MuiStepConnector-horizontal": {
+                height: string;
+            };
+        };
+    };
+};
+declare const stepIconTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {
+            "&.Mui-completed": {
+                color: string;
+            };
+            "&.Mui-active": {
+                color: string;
+            };
+        };
+    };
+};
+declare const stepButtonTheme: {
+    readonly defaultProps: {};
+    readonly styleOverrides: {
+        readonly root: () => {};
+    };
+};
+
+export { StandardStepper, type StandardStepperProps, type StandardStepperStep, standardStepperRootSx, stepButtonTheme, stepConnectorTheme, stepIconTheme, stepLabelTheme, stepTheme, stepperTheme };