@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/stepper.js

@@ -0,0 +1,313 @@
+"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/Stepper/index.ts
+var Stepper_exports = {};
+__export(Stepper_exports, {
+  StandardStepper: () => StandardStepper_default,
+  Step: () => import_Step.default,
+  StepButton: () => import_StepButton.default,
+  StepConnector: () => import_StepConnector.default,
+  StepIcon: () => import_StepIcon.default,
+  StepLabel: () => import_StepLabel.default,
+  Stepper: () => import_Stepper.default,
+  standardStepperRootSx: () => standardStepperRootSx,
+  stepButtonTheme: () => stepButtonTheme,
+  stepConnectorTheme: () => stepConnectorTheme,
+  stepIconTheme: () => stepIconTheme,
+  stepLabelTheme: () => stepLabelTheme,
+  stepTheme: () => stepTheme,
+  stepperTheme: () => stepperTheme
+});
+module.exports = __toCommonJS(Stepper_exports);
+var import_Stepper = __toESM(require("@mui/material/Stepper"));
+var import_Step = __toESM(require("@mui/material/Step"));
+var import_StepLabel = __toESM(require("@mui/material/StepLabel"));
+var import_StepConnector = __toESM(require("@mui/material/StepConnector"));
+var import_StepIcon = __toESM(require("@mui/material/StepIcon"));
+var import_StepButton = __toESM(require("@mui/material/StepButton"));
+
+// src/components/elemental/Stepper/src/StandardStepper.tsx
+var import_material = require("@mui/material");
+
+// 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/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/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_runtime = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(({
+  title = "",
+  children,
+  color,
+  size,
+  slotProps,
+  selected,
+  className,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Tooltip.default,
+    {
+      title,
+      slotProps: {
+        popper: {
+          sx: {
+            textTransform: "capitalize"
+          }
+        },
+        ...slotProps?.tooltip
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { component: "span", sx: { width: "fit-content" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_IconButton.default,
+        {
+          ref,
+          color,
+          size,
+          className: [className, selected ? "Mui-selected" : ""].filter(Boolean).join(" "),
+          ...props,
+          children
+        }
+      ) })
+    }
+  );
+});
+var IconButton_default = IconButton;
+
+// src/components/elemental/Stepper/src/theme.ts
+var standardStepperRootSx = {
+  "--stepper-connector-color": "var(--mui-palette-divider)",
+  "--stepper-connector-dashed": "var(--mui-palette-blink-shiny)",
+  "--stepper-connector-success": "var(--mui-palette-success-dark)",
+  "--stepper-connector-error": "var(--mui-palette-error-dark)"
+};
+var stepperTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // nothing specific by default
+    })
+  }
+};
+var stepTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      // keep minimal styling here; consumers can override via theme
+    }
+  }
+};
+var stepLabelTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: ({ theme }) => ({
+      "& .MuiStepLabel-label.MuiStepLabel-alternativeLabel": {
+        marginTop: theme.spacing(1)
+      },
+      "& .MuiStepLabel-label": {
+        "&.Mui-completed": {
+          color: "var(--mui-palette-success-dark)"
+        },
+        "&.Mui-active": {
+          color: "var(--mui-palette-blink-shiny)"
+        },
+        "&.Mui-error": {
+          color: "var(--mui-palette-error-dark)"
+        }
+      }
+    }),
+    iconContainer: {}
+  }
+};
+var stepConnectorTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.MuiStepConnector-horizontal": {
+        height: "16px"
+      }
+    })
+  }
+};
+var stepIconTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      "&.Mui-completed": {
+        color: "var(--mui-palette-success-main)"
+      },
+      "&.Mui-active": {
+        color: "var(--mui-palette-focus-1)"
+      }
+    })
+  }
+};
+var stepButtonTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: () => ({
+      // no default customizations yet
+    })
+  }
+};
+
+// src/components/elemental/Stepper/src/StandardStepper.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AnimatedConnector = (0, import_material.styled)(import_material.StepConnector)(() => ({
+  "& .MuiStepConnector-line": {
+    border: "none",
+    transition: "background-color 0.3s",
+    height: 1,
+    borderRadius: 1,
+    backgroundColor: "var(--stepper-connector-color)"
+  },
+  // change the color of different steps
+  "&.MuiStepConnector-root.Mui-completed .MuiStepConnector-line": {
+    backgroundColor: "var(--stepper-connector-success)"
+  },
+  "&.MuiStepConnector-root.Mui-error .MuiStepConnector-line": {
+    backgroundColor: "var(--stepper-connector-error)"
+  },
+  // active/completed decoration – overlay with animated dotted pattern
+  [`&.MuiStepConnector-root.Mui-active .MuiStepConnector-line`]: {
+    backgroundImage: "repeating-linear-gradient(to right, var(--stepper-connector-dashed) 0, var(--stepper-connector-dashed) 2px, transparent 2px, transparent 4px)",
+    backgroundSize: "4px 1px",
+    animation: "run 0.75s linear infinite"
+  },
+  "@keyframes run": {
+    from: { backgroundPosition: "0 0" },
+    to: { backgroundPosition: "4px 0" }
+  }
+}));
+var StandardStepper = ({
+  steps,
+  activeStep,
+  onChange,
+  nonLinear = false,
+  alternativeLabel = true,
+  sx
+}) => {
+  const handleClick = (idx) => {
+    if (onChange && idx !== activeStep && !steps[idx].disabled) {
+      onChange(idx);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_material.Stepper,
+    {
+      activeStep,
+      connector: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AnimatedConnector, {}),
+      nonLinear,
+      alternativeLabel,
+      sx: mergeSx(standardStepperRootSx, { width: "100%" }, sx),
+      children: steps.map((step, idx) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_material.Step,
+        {
+          completed: idx < activeStep,
+          disabled: step.disabled,
+          className: step.error ? "Mui-error" : void 0,
+          sx: step.error ? {
+            "& .MuiStepConnector-root.Mui-completed .MuiStepConnector-line": {
+              backgroundColor: "var(--stepper-connector-error)"
+            }
+          } : void 0,
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material.StepLabel, { slots: {
+            stepIcon: step.icon ? ({ active, completed, error }) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              IconButton_default,
+              {
+                onClick: () => handleClick(idx),
+                disabled: idx === activeStep || step.disabled,
+                color: error ? "error" : active ? "primary" : completed ? "success" : "default",
+                sx: {
+                  borderRadius: "50%",
+                  "&.MuiButtonBase-root.Mui-disabled": {
+                    ...active ? { color: "var(--stepper-connector-dashed)" } : {}
+                  }
+                },
+                children: step.icon
+              }
+            ) : void 0
+          }, error: step.error, children: step.title })
+        },
+        idx
+      ))
+    }
+  );
+};
+var StandardStepper_default = StandardStepper;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StandardStepper,
+  Step,
+  StepButton,
+  StepConnector,
+  StepIcon,
+  StepLabel,
+  Stepper,
+  standardStepperRootSx,
+  stepButtonTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepLabelTheme,
+  stepTheme,
+  stepperTheme
+});
+//# sourceMappingURL=stepper.js.map

package/dist/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Stepper/index.ts","../src/components/elemental/Stepper/src/StandardStepper.tsx","../src/_utils/_func/sx.ts","../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/Stepper/src/theme.ts"],"sourcesContent":["// elemental stepper wrapper\n// re-exporting MUI components so that the theme can target them via `component` overrides\n\nexport { default as Stepper } from '@mui/material/Stepper';\nexport { default as Step } from '@mui/material/Step';\nexport { default as StepLabel } from '@mui/material/StepLabel';\nexport { default as StepConnector } from '@mui/material/StepConnector';\nexport { default as StepIcon } from '@mui/material/StepIcon';\nexport { default as StepButton } from '@mui/material/StepButton';\n\n// standard wrapper for common use cases\nexport { default as StandardStepper } from './src/StandardStepper';\nexport * from './src/StandardStepper'; // also re-export types\n\n// also expose theme objects for convenience\nexport * from './src/theme';\n","import React from 'react';\nimport { Stepper, Step, StepLabel, StepConnector, styled } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { IconButton } from '@/ele/Button';\nimport { mergeSx } from '@/_utils/_func';\nimport { standardStepperRootSx } from './theme';\n\nexport interface StandardStepperStep {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n  error?: boolean;\n}\n\nexport interface StandardStepperProps {\n  steps: StandardStepperStep[];\n  activeStep: number;\n  onChange?: (newIndex: number) => void;\n  nonLinear?: boolean;\n  alternativeLabel?: boolean;\n  sx?: SxProps<Theme>;\n}\n\n// custom connector with active animation (dotted/running effect)\nconst AnimatedConnector = styled(StepConnector)(() => ({\n  '& .MuiStepConnector-line': {\n    border: 'none',\n    transition: 'background-color 0.3s',\n    height: 1,\n    borderRadius: 1,\n    backgroundColor: 'var(--stepper-connector-color)',\n  },\n  // change the color of different steps\n  '&.MuiStepConnector-root.Mui-completed .MuiStepConnector-line': {\n    backgroundColor: 'var(--stepper-connector-success)',\n  },\n  '&.MuiStepConnector-root.Mui-error .MuiStepConnector-line': {\n    backgroundColor: 'var(--stepper-connector-error)',\n  },\n  \n\n  // active/completed decoration – overlay with animated dotted pattern\n  [`&.MuiStepConnector-root.Mui-active .MuiStepConnector-line`]: {\n    backgroundImage:\n      'repeating-linear-gradient(to right, var(--stepper-connector-dashed) 0, var(--stepper-connector-dashed) 2px, transparent 2px, transparent 4px)',\n    backgroundSize: '4px 1px',\n    animation: 'run 0.75s linear infinite',\n  },\n  '@keyframes run': {\n    from: { backgroundPosition: '0 0' },\n    to: { backgroundPosition: '4px 0' },\n  },\n}));\n\nconst StandardStepper: React.FC<StandardStepperProps> = ({\n  steps,\n  activeStep,\n  onChange,\n  nonLinear = false,\n  alternativeLabel = true,\n  sx,\n}) => {\n  const handleClick = (idx: number) => {\n    if (onChange && idx !== activeStep && !steps[idx].disabled) {\n      onChange(idx);\n    }\n  };\n\n  return (\n    <Stepper\n      activeStep={activeStep}\n      connector={<AnimatedConnector />}\n      nonLinear={nonLinear}\n      alternativeLabel={alternativeLabel}\n      sx={mergeSx(standardStepperRootSx, { width: '100%' }, sx)}\n    >\n      {steps.map((step, idx) => (\n        <Step\n          key={idx}\n          completed={idx < activeStep}\n          disabled={step.disabled}\n          className={step.error ? 'Mui-error' : undefined}\n          sx={\n            step.error\n              ? {\n                  '& .MuiStepConnector-root.Mui-completed .MuiStepConnector-line': {\n                    backgroundColor: 'var(--stepper-connector-error)',\n                  },\n                }\n              : undefined\n          }\n        >\n          <StepLabel slots={{\n            stepIcon: step.icon?\n              ({ active, completed, error }) => <IconButton \n              onClick={() => handleClick(idx)} disabled={idx === activeStep || step.disabled}\n              color={\n                error? 'error'\n                : active ? 'primary' \n                : completed ? 'success'\n                : 'default'}\n              sx={{\n                borderRadius:\"50%\",\n                \"&.MuiButtonBase-root.Mui-disabled\": {\n                  ...(active ? { color: 'var(--stepper-connector-dashed)' } : {}),\n                },\n                \n              }}\n              >\n              {step.icon}\n            </IconButton>\n            : undefined\n          }} error={step.error}>\n            {step.title}\n          </StepLabel>\n        </Step>\n      ))}\n    </Stepper>\n  );\n};\n\nexport default StandardStepper;\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","'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 { MuiComponentTheme } from '@/_utils/_types'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\n// we export theme constants for each related MUI component so the\n// top-level theme file can include them and allow downstream consumers\n// to target the stepper pieces independently.\n\n/** Static palette aliases for StandardStepper root element */\nexport const standardStepperRootSx: SxProps<Theme> = {\n  '--stepper-connector-color':   'var(--mui-palette-divider)',\n  '--stepper-connector-dashed':  'var(--mui-palette-blink-shiny)',\n  '--stepper-connector-success': 'var(--mui-palette-success-dark)',\n  '--stepper-connector-error':   'var(--mui-palette-error-dark)',\n} as const satisfies SxProps<Theme>\n\nexport const stepperTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      // nothing specific by default\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepper'>;\n\nexport const stepTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      // keep minimal styling here; consumers can override via theme\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiStep'>;\n\nexport const stepLabelTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: ({theme}) => ({\n      \"& .MuiStepLabel-label.MuiStepLabel-alternativeLabel\": {\n        marginTop: theme.spacing(1),\n      },\n      '& .MuiStepLabel-label': {\n        \"&.Mui-completed\": {\n          color: 'var(--mui-palette-success-dark)',\n        },\n        \"&.Mui-active\": {\n          color: 'var(--mui-palette-blink-shiny)',\n        },\n        \"&.Mui-error\": {\n          color: 'var(--mui-palette-error-dark)',\n        },\n      },\n    }),\n    iconContainer: {\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiStepLabel'>;\n\nexport const stepConnectorTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      \"&.MuiStepConnector-horizontal\": {\n        height: '16px',\n      },\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepConnector'>;\n\nexport const stepIconTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      \"&.Mui-completed\": {\n        color: 'var(--mui-palette-success-main)',\n      },\n      \"&.Mui-active\": {\n        color: 'var(--mui-palette-focus-1)',\n      },\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepIcon'>;\n\nexport const stepButtonTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: () => ({\n      // no default customizations yet\n    }),\n  },\n} as const satisfies MuiComponentTheme<'MuiStepButton'>;\n"],"mappings":"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","names":["MuiIconButton","import_jsx_runtime"]}

package/dist/stepper.mjs

@@ -0,0 +1,38 @@
+import {
+  StandardStepper_default,
+  default as default2,
+  default2 as default3,
+  default3 as default4,
+  default4 as default5,
+  default5 as default6,
+  default6 as default7,
+  standardStepperRootSx,
+  stepButtonTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepLabelTheme,
+  stepTheme,
+  stepperTheme
+} from "./chunk-V26V2S3W.mjs";
+import "./chunk-JIU5GVM7.mjs";
+import "./chunk-4Q54P737.mjs";
+import "./chunk-OP6LKXPA.mjs";
+import "./chunk-S6EZVRZC.mjs";
+import "./chunk-FJ6ZGZIA.mjs";
+export {
+  StandardStepper_default as StandardStepper,
+  default3 as Step,
+  default7 as StepButton,
+  default5 as StepConnector,
+  default6 as StepIcon,
+  default4 as StepLabel,
+  default2 as Stepper,
+  standardStepperRootSx,
+  stepButtonTheme,
+  stepConnectorTheme,
+  stepIconTheme,
+  stepLabelTheme,
+  stepTheme,
+  stepperTheme
+};
+//# sourceMappingURL=stepper.mjs.map

package/dist/stepper.mjs.map

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

package/dist/switch.d.mts

@@ -0,0 +1,151 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { SwitchProps } from '@mui/material/Switch';
+import { SxProps, Theme } from '@mui/material/styles';
+
+/**
+ * MuiSwitch
+ *
+ * [Doc](https://mui.com/material-ui/api/switch/)
+ */
+declare function MuiSwitch({ onChange, checked, label, error, required, labelPlacement, helperText, ...props }: {
+    onChange?: SwitchProps['onChange'];
+    checked?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    required?: boolean;
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    helperText?: React.ReactNode;
+} & SwitchProps): react_jsx_runtime.JSX.Element;
+
+type SwitchSoftProps = {
+    onChange?: SwitchProps['onChange'];
+    checked?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    required?: boolean;
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    helperText?: React.ReactNode;
+    size?: 'small' | 'medium';
+} & Omit<SwitchProps, 'size'>;
+/**
+ * Simple themed switch. Geometry is MUI’s; colors come from the theme.
+ */
+declare function SwitchSoft({ onChange, checked, label, error, required, labelPlacement, helperText, size, sx, ...props }: SwitchSoftProps): react_jsx_runtime.JSX.Element;
+
+/** MuiSwitch tokens: inset track, stable thumb, emphasis only on the on-track. */
+declare const switchTheme: {
+    readonly defaultProps: {
+        readonly disableFocusRipple: true;
+        readonly disableRipple: true;
+        readonly disableTouchRipple: true;
+    };
+    readonly styleOverrides: {
+        readonly root: {
+            readonly '--switch-thumb': "color-mix(in lab, var(--mui-palette-background-default) 72%, var(--mui-palette-text-primary) 28%)";
+            readonly '--switch-thumb-on': "var(--mui-palette-background-default)";
+            readonly '--switch-track-off': "var(--mui-palette-background-grey-1)";
+            readonly '--switch-track-on': "var(--mui-palette-primary-emphasis)";
+            readonly '--switch-track-on-disabled': "color-mix(in lab, var(--switch-track-on) 28%, var(--mui-palette-background-default))";
+            readonly overflow: "visible";
+            readonly width: 40;
+            readonly height: 22;
+            readonly padding: 0;
+            readonly '&:has(.MuiSwitch-colorError)': {
+                readonly '--switch-track-on': "var(--mui-palette-error-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorSuccess)': {
+                readonly '--switch-track-on': "var(--mui-palette-success-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorWarning)': {
+                readonly '--switch-track-on': "var(--mui-palette-warning-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorInfo)': {
+                readonly '--switch-track-on': "var(--mui-palette-info-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorSystem)': {
+                readonly '--switch-track-on': "var(--mui-palette-system-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorInsight)': {
+                readonly '--switch-track-on': "var(--mui-palette-insight-main)";
+            };
+            readonly '&:has(.MuiSwitch-colorSecondary)': {
+                readonly '--switch-track-on': "var(--mui-palette-secondary-main)";
+            };
+            readonly '& .MuiSwitch-switchBase': {
+                readonly boxSizing: "border-box";
+                readonly top: 0;
+                readonly left: 0;
+                readonly padding: 2;
+                readonly width: 22;
+                readonly height: 22;
+                readonly color: "var(--switch-thumb)";
+                readonly transition: "transform 160ms ease";
+                readonly '&:hover': {
+                    readonly backgroundColor: "transparent";
+                };
+                readonly '&.Mui-checked': {
+                    readonly transform: "translateX(18px)";
+                    readonly color: "var(--switch-thumb-on)";
+                    readonly '& .MuiSwitch-thumb': {
+                        readonly backgroundColor: "var(--switch-thumb-on)";
+                    };
+                };
+                readonly '&.Mui-checked + .MuiSwitch-track': {
+                    readonly backgroundColor: "var(--switch-track-on)";
+                    readonly opacity: 1;
+                };
+                readonly '&.Mui-checked.Mui-disabled + .MuiSwitch-track': {
+                    readonly backgroundColor: "var(--switch-track-on-disabled)";
+                };
+                readonly '&.Mui-focusVisible': {
+                    readonly outline: "2px solid var(--mui-palette-focus-1)";
+                    readonly outlineOffset: 2;
+                };
+            };
+            readonly '& .MuiSwitch-thumb': {
+                readonly width: 18;
+                readonly height: 18;
+                readonly boxShadow: "none";
+                readonly backgroundColor: "var(--switch-thumb)";
+            };
+            readonly '& .MuiSwitch-track': {
+                readonly width: "100%";
+                readonly height: "100%";
+                readonly borderRadius: 11;
+                readonly opacity: 1;
+                readonly backgroundColor: "var(--switch-track-off)";
+                readonly transition: "background-color 160ms ease";
+                readonly '&::before, &::after': {
+                    readonly display: "none";
+                    readonly content: "none";
+                    readonly backgroundImage: "none";
+                };
+            };
+            readonly '&.MuiSwitch-sizeSmall': {
+                readonly width: 32;
+                readonly height: 18;
+                readonly '& .MuiSwitch-switchBase': {
+                    readonly padding: 2;
+                    readonly width: 18;
+                    readonly height: 18;
+                    readonly '&.Mui-checked': {
+                        readonly transform: "translateX(14px)";
+                    };
+                };
+                readonly '& .MuiSwitch-thumb': {
+                    readonly width: 14;
+                    readonly height: 14;
+                };
+                readonly '& .MuiSwitch-track': {
+                    readonly borderRadius: 9;
+                };
+            };
+        };
+    };
+};
+/** Static palette aliases for MuiSwitch wrapper root element */
+declare const muiSwitchRootSx: SxProps<Theme>;
+/** Wrapper tokens for SwitchSoft (same control as Switch, label/error only). */
+declare const switchSoftRootSx: SxProps<Theme>;
+
+export { MuiSwitch as Switch, SwitchSoft, type SwitchSoftProps, muiSwitchRootSx, switchSoftRootSx, switchTheme };