impact-ui 4.0.0-alpha.2 → 4.0.0-alpha.4

package/dist/node_modules/@mui/material/OutlinedInput/OutlinedInput.js

@@ -1,349 +0,0 @@
-import _objectWithoutPropertiesLoose from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
-import _extends from "../../../@babel/runtime/helpers/esm/extends.js";
-import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
-import NotchedOutline from "./NotchedOutline.js";
-import useFormControl from "../FormControl/useFormControl.js";
-import formControlState from "../FormControl/formControlState.js";
-import styled from "../styles/styled.js";
-import outlinedInputClasses, { getOutlinedInputUtilityClass } from "./outlinedInputClasses.js";
-import InputBase, { InputBaseRoot, rootOverridesResolver, InputBaseComponent, inputOverridesResolver } from "../InputBase/InputBase.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import rootShouldForwardProp from "../styles/rootShouldForwardProp.js";
-import refType from "../node_modules/@mui/utils/esm/refType/refType.js";
-const _excluded = ["components", "fullWidth", "inputComponent", "label", "multiline", "notched", "slots", "type"];
-const useUtilityClasses = (ownerState) => {
-  const {
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root"],
-    notchedOutline: ["notchedOutline"],
-    input: ["input"]
-  };
-  const composedClasses = composeClasses(slots, getOutlinedInputUtilityClass, classes);
-  return _extends({}, classes, composedClasses);
-};
-const OutlinedInputRoot = styled(InputBaseRoot, {
-  shouldForwardProp: (prop) => rootShouldForwardProp(prop) || prop === "classes",
-  name: "MuiOutlinedInput",
-  slot: "Root",
-  overridesResolver: rootOverridesResolver
-})(({
-  theme,
-  ownerState
-}) => {
-  const borderColor = theme.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return _extends({
-    position: "relative",
-    borderRadius: (theme.vars || theme).shape.borderRadius,
-    [`&:hover .${outlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.text.primary
-    },
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      [`&:hover .${outlinedInputClasses.notchedOutline}`]: {
-        borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
-      }
-    },
-    [`&.${outlinedInputClasses.focused} .${outlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette[ownerState.color].main,
-      borderWidth: 2
-    },
-    [`&.${outlinedInputClasses.error} .${outlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.error.main
-    },
-    [`&.${outlinedInputClasses.disabled} .${outlinedInputClasses.notchedOutline}`]: {
-      borderColor: (theme.vars || theme).palette.action.disabled
-    }
-  }, ownerState.startAdornment && {
-    paddingLeft: 14
-  }, ownerState.endAdornment && {
-    paddingRight: 14
-  }, ownerState.multiline && _extends({
-    padding: "16.5px 14px"
-  }, ownerState.size === "small" && {
-    padding: "8.5px 14px"
-  }));
-});
-const NotchedOutlineRoot = styled(NotchedOutline, {
-  name: "MuiOutlinedInput",
-  slot: "NotchedOutline",
-  overridesResolver: (props, styles) => styles.notchedOutline
-})(({
-  theme
-}) => {
-  const borderColor = theme.palette.mode === "light" ? "rgba(0, 0, 0, 0.23)" : "rgba(255, 255, 255, 0.23)";
-  return {
-    borderColor: theme.vars ? `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.23)` : borderColor
-  };
-});
-const OutlinedInputInput = styled(InputBaseComponent, {
-  name: "MuiOutlinedInput",
-  slot: "Input",
-  overridesResolver: inputOverridesResolver
-})(({
-  theme,
-  ownerState
-}) => _extends({
-  padding: "16.5px 14px"
-}, !theme.vars && {
-  "&:-webkit-autofill": {
-    WebkitBoxShadow: theme.palette.mode === "light" ? null : "0 0 0 100px #266798 inset",
-    WebkitTextFillColor: theme.palette.mode === "light" ? null : "#fff",
-    caretColor: theme.palette.mode === "light" ? null : "#fff",
-    borderRadius: "inherit"
-  }
-}, theme.vars && {
-  "&:-webkit-autofill": {
-    borderRadius: "inherit"
-  },
-  [theme.getColorSchemeSelector("dark")]: {
-    "&:-webkit-autofill": {
-      WebkitBoxShadow: "0 0 0 100px #266798 inset",
-      WebkitTextFillColor: "#fff",
-      caretColor: "#fff"
-    }
-  }
-}, ownerState.size === "small" && {
-  padding: "8.5px 14px"
-}, ownerState.multiline && {
-  padding: 0
-}, ownerState.startAdornment && {
-  paddingLeft: 0
-}, ownerState.endAdornment && {
-  paddingRight: 0
-}));
-const OutlinedInput = /* @__PURE__ */ React.forwardRef(function OutlinedInput2(inProps, ref) {
-  var _ref, _slots$root, _ref2, _slots$input, _React$Fragment;
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiOutlinedInput"
-  });
-  const {
-    components = {},
-    fullWidth = false,
-    inputComponent = "input",
-    label,
-    multiline = false,
-    notched,
-    slots = {},
-    type = "text"
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const classes = useUtilityClasses(props);
-  const muiFormControl = useFormControl();
-  const fcs = formControlState({
-    props,
-    muiFormControl,
-    states: ["color", "disabled", "error", "focused", "hiddenLabel", "size", "required"]
-  });
-  const ownerState = _extends({}, props, {
-    color: fcs.color || "primary",
-    disabled: fcs.disabled,
-    error: fcs.error,
-    focused: fcs.focused,
-    formControl: muiFormControl,
-    fullWidth,
-    hiddenLabel: fcs.hiddenLabel,
-    multiline,
-    size: fcs.size,
-    type
-  });
-  const RootSlot = (_ref = (_slots$root = slots.root) != null ? _slots$root : components.Root) != null ? _ref : OutlinedInputRoot;
-  const InputSlot = (_ref2 = (_slots$input = slots.input) != null ? _slots$input : components.Input) != null ? _ref2 : OutlinedInputInput;
-  return /* @__PURE__ */ jsx(InputBase, _extends({
-    slots: {
-      root: RootSlot,
-      input: InputSlot
-    },
-    renderSuffix: (state) => /* @__PURE__ */ jsx(NotchedOutlineRoot, {
-      ownerState,
-      className: classes.notchedOutline,
-      label: label != null && label !== "" && fcs.required ? _React$Fragment || (_React$Fragment = /* @__PURE__ */ jsxs(React.Fragment, {
-        children: [label, " ", "*"]
-      })) : label,
-      notched: typeof notched !== "undefined" ? notched : Boolean(state.startAdornment || state.filled || state.focused)
-    }),
-    fullWidth,
-    inputComponent,
-    multiline,
-    ref,
-    type
-  }, other, {
-    classes: _extends({}, classes, {
-      notchedOutline: null
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? OutlinedInput.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * This prop helps users to fill forms faster, especially on mobile devices.
-   * The name can be confusing, as it's more like an autofill.
-   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
-   */
-  autoComplete: PropTypes.string,
-  /**
-   * If `true`, the `input` element is focused during the first mount.
-   */
-  autoFocus: PropTypes.bool,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * The prop defaults to the value (`'primary'`) inherited from the parent FormControl component.
-   */
-  color: PropTypes.oneOfType([PropTypes.oneOf(["primary", "secondary"]), PropTypes.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `slots` prop.
-   * It's recommended to use the `slots` prop instead.
-   *
-   * @default {}
-   */
-  components: PropTypes.shape({
-    Input: PropTypes.elementType,
-    Root: PropTypes.elementType
-  }),
-  /**
-   * The default value. Use when the component is not controlled.
-   */
-  defaultValue: PropTypes.any,
-  /**
-   * If `true`, the component is disabled.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  disabled: PropTypes.bool,
-  /**
-   * End `InputAdornment` for this component.
-   */
-  endAdornment: PropTypes.node,
-  /**
-   * If `true`, the `input` will indicate an error.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  error: PropTypes.bool,
-  /**
-   * If `true`, the `input` will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: PropTypes.bool,
-  /**
-   * The id of the `input` element.
-   */
-  id: PropTypes.string,
-  /**
-   * The component used for the `input` element.
-   * Either a string to use a HTML element or a component.
-   * @default 'input'
-   */
-  inputComponent: PropTypes.elementType,
-  /**
-   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-   * @default {}
-   */
-  inputProps: PropTypes.object,
-  /**
-   * Pass a ref to the `input` element.
-   */
-  inputRef: refType,
-  /**
-   * The label of the `input`. It is only used for layout. The actual labelling
-   * is handled by `InputLabel`.
-   */
-  label: PropTypes.node,
-  /**
-   * If `dense`, will adjust vertical spacing. This is normally obtained via context from
-   * FormControl.
-   * The prop defaults to the value (`'none'`) inherited from the parent FormControl component.
-   */
-  margin: PropTypes.oneOf(["dense", "none"]),
-  /**
-   * Maximum number of rows to display when multiline option is set to true.
-   */
-  maxRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * Minimum number of rows to display when multiline option is set to true.
-   */
-  minRows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * If `true`, a [TextareaAutosize](/material-ui/react-textarea-autosize/) element is rendered.
-   * @default false
-   */
-  multiline: PropTypes.bool,
-  /**
-   * Name attribute of the `input` element.
-   */
-  name: PropTypes.string,
-  /**
-   * If `true`, the outline is notched to accommodate the label.
-   */
-  notched: PropTypes.bool,
-  /**
-   * Callback fired when the value is changed.
-   *
-   * @param {React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>} event The event source of the callback.
-   * You can pull out the new value by accessing `event.target.value` (string).
-   */
-  onChange: PropTypes.func,
-  /**
-   * The short hint displayed in the `input` before the user enters a value.
-   */
-  placeholder: PropTypes.string,
-  /**
-   * It prevents the user from changing the value of the field
-   * (not from interacting with the field).
-   */
-  readOnly: PropTypes.bool,
-  /**
-   * If `true`, the `input` element is required.
-   * The prop defaults to the value (`false`) inherited from the parent FormControl component.
-   */
-  required: PropTypes.bool,
-  /**
-   * Number of rows to display when multiline option is set to true.
-   */
-  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  /**
-   * The components used for each slot inside.
-   *
-   * This prop is an alias for the `components` prop, which will be deprecated in the future.
-   *
-   * @default {}
-   */
-  slots: PropTypes.shape({
-    input: PropTypes.elementType,
-    root: PropTypes.elementType
-  }),
-  /**
-   * Start `InputAdornment` for this component.
-   */
-  startAdornment: PropTypes.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
-   * @default 'text'
-   */
-  type: PropTypes.string,
-  /**
-   * The value of the `input` element, required for a controlled component.
-   */
-  value: PropTypes.any
-} : void 0;
-OutlinedInput.muiName = "Input";
-export {
-  OutlinedInput as default
-};

package/dist/node_modules/@mui/material/OutlinedInput/outlinedInputClasses.js

@@ -1,12 +0,0 @@
-import _extends from "../../../@babel/runtime/helpers/esm/extends.js";
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import inputBaseClasses from "../InputBase/inputBaseClasses.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
-function getOutlinedInputUtilityClass(slot) {
-  return generateUtilityClass("MuiOutlinedInput", slot);
-}
-const outlinedInputClasses = _extends({}, inputBaseClasses, generateUtilityClasses("MuiOutlinedInput", ["root", "notchedOutline", "input"]));
-export {
-  outlinedInputClasses as default,
-  getOutlinedInputUtilityClass
-};

package/dist/node_modules/@mui/material/Paper/Paper.js

@@ -1,145 +0,0 @@
-import _objectWithoutPropertiesLoose from "../../../@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js";
-import _extends from "../../../@babel/runtime/helpers/esm/extends.js";
-import * as React from "react";
-import PropTypes from "../../../prop-types/index.js";
-import { clsx } from "../../../clsx/dist/clsx.js";
-import { alpha as alpha_1 } from "../../system/colorManipulator.js";
-import styled from "../styles/styled.js";
-import getOverlayAlpha from "../styles/getOverlayAlpha.js";
-import useTheme from "../styles/useTheme.js";
-import { getPaperUtilityClass } from "./paperClasses.js";
-import { jsx } from "react/jsx-runtime";
-import { useDefaultProps } from "../DefaultPropsProvider/DefaultPropsProvider.js";
-import composeClasses from "../node_modules/@mui/utils/esm/composeClasses/composeClasses.js";
-import chainPropTypes from "../node_modules/@mui/utils/esm/chainPropTypes/chainPropTypes.js";
-import integerPropType from "../node_modules/@mui/utils/esm/integerPropType/integerPropType.js";
-const _excluded = ["className", "component", "elevation", "square", "variant"];
-const useUtilityClasses = (ownerState) => {
-  const {
-    square,
-    elevation,
-    variant,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ["root", variant, !square && "rounded", variant === "elevation" && `elevation${elevation}`]
-  };
-  return composeClasses(slots, getPaperUtilityClass, classes);
-};
-const PaperRoot = styled("div", {
-  name: "MuiPaper",
-  slot: "Root",
-  overridesResolver: (props, styles) => {
-    const {
-      ownerState
-    } = props;
-    return [styles.root, styles[ownerState.variant], !ownerState.square && styles.rounded, ownerState.variant === "elevation" && styles[`elevation${ownerState.elevation}`]];
-  }
-})(({
-  theme,
-  ownerState
-}) => {
-  var _theme$vars$overlays;
-  return _extends({
-    backgroundColor: (theme.vars || theme).palette.background.paper,
-    color: (theme.vars || theme).palette.text.primary,
-    transition: theme.transitions.create("box-shadow")
-  }, !ownerState.square && {
-    borderRadius: theme.shape.borderRadius
-  }, ownerState.variant === "outlined" && {
-    border: `1px solid ${(theme.vars || theme).palette.divider}`
-  }, ownerState.variant === "elevation" && _extends({
-    boxShadow: (theme.vars || theme).shadows[ownerState.elevation]
-  }, !theme.vars && theme.palette.mode === "dark" && {
-    backgroundImage: `linear-gradient(${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))}, ${alpha_1("#fff", getOverlayAlpha(ownerState.elevation))})`
-  }, theme.vars && {
-    backgroundImage: (_theme$vars$overlays = theme.vars.overlays) == null ? void 0 : _theme$vars$overlays[ownerState.elevation]
-  }));
-});
-const Paper = /* @__PURE__ */ React.forwardRef(function Paper2(inProps, ref) {
-  const props = useDefaultProps({
-    props: inProps,
-    name: "MuiPaper"
-  });
-  const {
-    className,
-    component = "div",
-    elevation = 1,
-    square = false,
-    variant = "elevation"
-  } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
-  const ownerState = _extends({}, props, {
-    component,
-    elevation,
-    square,
-    variant
-  });
-  const classes = useUtilityClasses(ownerState);
-  if (process.env.NODE_ENV !== "production") {
-    const theme = useTheme();
-    if (theme.shadows[elevation] === void 0) {
-      console.error([`MUI: The elevation provided <Paper elevation={${elevation}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${elevation}]\` is defined.`].join("\n"));
-    }
-  }
-  return /* @__PURE__ */ jsx(PaperRoot, _extends({
-    as: component,
-    ownerState,
-    className: clsx(classes.root, className),
-    ref
-  }, other));
-});
-process.env.NODE_ENV !== "production" ? Paper.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: PropTypes.object,
-  /**
-   * @ignore
-   */
-  className: PropTypes.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: PropTypes.elementType,
-  /**
-   * Shadow depth, corresponds to `dp` in the spec.
-   * It accepts values between 0 and 24 inclusive.
-   * @default 1
-   */
-  elevation: chainPropTypes(integerPropType, (props) => {
-    const {
-      elevation,
-      variant
-    } = props;
-    if (elevation > 0 && variant === "outlined") {
-      return new Error(`MUI: Combining \`elevation={${elevation}}\` with \`variant="${variant}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`);
-    }
-    return null;
-  }),
-  /**
-   * If `true`, rounded corners are disabled.
-   * @default false
-   */
-  square: PropTypes.bool,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),
-  /**
-   * The variant to use.
-   * @default 'elevation'
-   */
-  variant: PropTypes.oneOfType([PropTypes.oneOf(["elevation", "outlined"]), PropTypes.string])
-} : void 0;
-export {
-  Paper as default
-};

package/dist/node_modules/@mui/material/Paper/paperClasses.js

@@ -1,9 +0,0 @@
-import generateUtilityClass from "../node_modules/@mui/utils/esm/generateUtilityClass/generateUtilityClass.js";
-import generateUtilityClasses from "../node_modules/@mui/utils/esm/generateUtilityClasses/generateUtilityClasses.js";
-function getPaperUtilityClass(slot) {
-  return generateUtilityClass("MuiPaper", slot);
-}
-generateUtilityClasses("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
-export {
-  getPaperUtilityClass
-};