1
0
Fork 0

worked on GarageApp stuff

This commit is contained in:
Techognito 2025-08-25 17:46:11 +02:00
parent 60aaf17af3
commit eb606572b0
51919 changed files with 2168177 additions and 18 deletions

View file

@ -0,0 +1,43 @@
import * as React from 'react';
import { SxProps } from '@mui/system';
import { Theme } from "../styles/index.js";
import { InternalStandardProps as StandardProps } from "../internal/index.js";
import { SpeedDialIconClasses } from "./speedDialIconClasses.js";
export interface SpeedDialIconProps extends StandardProps<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<SpeedDialIconClasses>;
/**
* The icon to display.
*/
icon?: React.ReactNode;
/**
* The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
*/
openIcon?: React.ReactNode;
/**
* @ignore
* If `true`, the component is shown.
*/
open?: boolean;
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
}
/**
*
* Demos:
*
* - [Speed Dial](https://mui.com/material-ui/react-speed-dial/)
*
* API:
*
* - [SpeedDialIcon API](https://mui.com/material-ui/api/speed-dial-icon/)
*/
declare const SpeedDialIcon: ((props: SpeedDialIconProps) => React.JSX.Element) & {
muiName: string;
};
export default SpeedDialIcon;

View file

@ -0,0 +1,156 @@
'use client';
import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import composeClasses from '@mui/utils/composeClasses';
import { styled } from "../zero-styled/index.js";
import memoTheme from "../utils/memoTheme.js";
import { useDefaultProps } from "../DefaultPropsProvider/index.js";
import AddIcon from "../internal/svg-icons/Add.js";
import speedDialIconClasses, { getSpeedDialIconUtilityClass } from "./speedDialIconClasses.js";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const useUtilityClasses = ownerState => {
const {
classes,
open,
openIcon
} = ownerState;
const slots = {
root: ['root'],
icon: ['icon', open && 'iconOpen', openIcon && open && 'iconWithOpenIconOpen'],
openIcon: ['openIcon', open && 'openIconOpen']
};
return composeClasses(slots, getSpeedDialIconUtilityClass, classes);
};
const SpeedDialIconRoot = styled('span', {
name: 'MuiSpeedDialIcon',
slot: 'Root',
overridesResolver: (props, styles) => {
const {
ownerState
} = props;
return [{
[`& .${speedDialIconClasses.icon}`]: styles.icon
}, {
[`& .${speedDialIconClasses.icon}`]: ownerState.open && styles.iconOpen
}, {
[`& .${speedDialIconClasses.icon}`]: ownerState.open && ownerState.openIcon && styles.iconWithOpenIconOpen
}, {
[`& .${speedDialIconClasses.openIcon}`]: styles.openIcon
}, {
[`& .${speedDialIconClasses.openIcon}`]: ownerState.open && styles.openIconOpen
}, styles.root];
}
})(memoTheme(({
theme
}) => ({
height: 24,
[`& .${speedDialIconClasses.icon}`]: {
transition: theme.transitions.create(['transform', 'opacity'], {
duration: theme.transitions.duration.short
})
},
[`& .${speedDialIconClasses.openIcon}`]: {
position: 'absolute',
transition: theme.transitions.create(['transform', 'opacity'], {
duration: theme.transitions.duration.short
}),
opacity: 0,
transform: 'rotate(-45deg)'
},
variants: [{
props: ({
ownerState
}) => ownerState.open,
style: {
[`& .${speedDialIconClasses.icon}`]: {
transform: 'rotate(45deg)'
}
}
}, {
props: ({
ownerState
}) => ownerState.open && ownerState.openIcon,
style: {
[`& .${speedDialIconClasses.icon}`]: {
opacity: 0
}
}
}, {
props: ({
ownerState
}) => ownerState.open,
style: {
[`& .${speedDialIconClasses.openIcon}`]: {
transform: 'rotate(0deg)',
opacity: 1
}
}
}]
})));
const SpeedDialIcon = /*#__PURE__*/React.forwardRef(function SpeedDialIcon(inProps, ref) {
const props = useDefaultProps({
props: inProps,
name: 'MuiSpeedDialIcon'
});
const {
className,
icon: iconProp,
open,
openIcon: openIconProp,
...other
} = props;
const ownerState = props;
const classes = useUtilityClasses(ownerState);
function formatIcon(icon, newClassName) {
if (/*#__PURE__*/React.isValidElement(icon)) {
return /*#__PURE__*/React.cloneElement(icon, {
className: newClassName
});
}
return icon;
}
return /*#__PURE__*/_jsxs(SpeedDialIconRoot, {
className: clsx(classes.root, className),
ref: ref,
ownerState: ownerState,
...other,
children: [openIconProp ? formatIcon(openIconProp, classes.openIcon) : null, iconProp ? formatIcon(iconProp, classes.icon) : /*#__PURE__*/_jsx(AddIcon, {
className: classes.icon
})]
});
});
process.env.NODE_ENV !== "production" ? SpeedDialIcon.propTypes /* remove-proptypes */ = {
// ┌────────────────────────────── Warning ──────────────────────────────┐
// │ These PropTypes are generated from the TypeScript type definitions. │
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
// └─────────────────────────────────────────────────────────────────────┘
/**
* Override or extend the styles applied to the component.
*/
classes: PropTypes.object,
/**
* @ignore
*/
className: PropTypes.string,
/**
* The icon to display.
*/
icon: PropTypes.node,
/**
* @ignore
* If `true`, the component is shown.
*/
open: PropTypes.bool,
/**
* The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open.
*/
openIcon: 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])
} : void 0;
SpeedDialIcon.muiName = 'SpeedDialIcon';
export default SpeedDialIcon;

View file

@ -0,0 +1,4 @@
export { default } from "./SpeedDialIcon.js";
export * from "./SpeedDialIcon.js";
export { default as speedDialIconClasses } from "./speedDialIconClasses.js";
export * from "./speedDialIconClasses.js";

View file

@ -0,0 +1,3 @@
export { default } from "./SpeedDialIcon.js";
export { default as speedDialIconClasses } from "./speedDialIconClasses.js";
export * from "./speedDialIconClasses.js";

View file

@ -0,0 +1,18 @@
export interface SpeedDialIconClasses {
/** Styles applied to the root element. */
root: string;
/** Styles applied to the icon component. */
icon: string;
/** Styles applied to the icon component if `open={true}`. */
iconOpen: string;
/** Styles applied to the icon when an `openIcon` is provided and if `open={true}`. */
iconWithOpenIconOpen: string;
/** Styles applied to the `openIcon` if provided. */
openIcon: string;
/** Styles applied to the `openIcon` if provided and if `open={true}`. */
openIconOpen: string;
}
export type SpeedDialIconClassKey = keyof SpeedDialIconClasses;
export declare function getSpeedDialIconUtilityClass(slot: string): string;
declare const speedDialIconClasses: SpeedDialIconClasses;
export default speedDialIconClasses;

View file

@ -0,0 +1,7 @@
import generateUtilityClasses from '@mui/utils/generateUtilityClasses';
import generateUtilityClass from '@mui/utils/generateUtilityClass';
export function getSpeedDialIconUtilityClass(slot) {
return generateUtilityClass('MuiSpeedDialIcon', slot);
}
const speedDialIconClasses = generateUtilityClasses('MuiSpeedDialIcon', ['root', 'icon', 'iconOpen', 'iconWithOpenIconOpen', 'openIcon', 'openIconOpen']);
export default speedDialIconClasses;