First Commit

This commit is contained in:
cesnimda
2026-03-21 11:55:27 +01:00
commit 2e8a29b4d0
1757 changed files with 166084 additions and 0 deletions
@@ -0,0 +1,29 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - CIRCLE ***************************/
export default function Circle({ size = 24, color }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height={size} viewBox="0 0 792 566" opacity="0.25" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.3" cx="396" cy="236.626" r="395" stroke={`url(#${uniqueId})`} />
<defs>
<linearGradient id={uniqueId} x1="396" y1="-211.607" x2="396" y2="662.785" gradientUnits="userSpaceOnUse">
<stop stopColor="white" />
<stop offset="0.45" stopColor={color || theme.vars.palette.primary.main} />
<stop offset="1" stopColor="white" />
</linearGradient>
</defs>
</svg>
);
}
Circle.propTypes = { size: PropTypes.number, color: PropTypes.any };
@@ -0,0 +1,63 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - CLOSE EYE ***************************/
export default function CloseEye({ size = 24, color, stroke = 1.5 }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clipPath={`url(#${uniqueId})`}>
<path
d="M3 20.9992L5.5 17.1992"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.9998 20.9752L18.5078 17.1992"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9 23L9.5 19"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15 23L14.5 19"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 13C18.6 17 15.6 19 12 19C8.4 19 5.4 17 3 13"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id={uniqueId}>
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
);
}
CloseEye.propTypes = { size: PropTypes.number, color: PropTypes.any, stroke: PropTypes.any };
+33
View File
@@ -0,0 +1,33 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - CURVE ***************************/
export default function Curve({ size = 24, color }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height={size} viewBox="0 0 52 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.499991 1.18871V1.18871C14.03 1.19143 24.9967 12.1604 24.9967 25.6904L24.9967 52.8657C24.9967 69.8957 33.6648 85.7547 47.9988 94.9502L51.4973 97.1946"
stroke={`url(#${uniqueId})`}
strokeLinecap="round"
strokeDasharray="5 5"
/>
<defs>
<linearGradient id={uniqueId} x1="16.3364" y1="-26.7751" x2="105.757" y2="67.5319" gradientUnits="userSpaceOnUse">
<stop stopColor={color || theme.vars.palette.primary.main} stopOpacity="0" />
<stop offset="1" stopColor={color || theme.vars.palette.primary.main} />
</linearGradient>
</defs>
</svg>
);
}
Curve.propTypes = { size: PropTypes.number, color: PropTypes.any };
@@ -0,0 +1,33 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - CURVE2 ***************************/
export default function Curve2({ size = 24, color }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height={size} viewBox="0 0 60 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M0.88126 0.629836L6.62745 0.629836C17.9309 0.629835 27.1876 9.61374 27.5256 20.9121V20.9121C27.8636 32.2104 37.12 41.1942 48.4234 41.1944L59.1301 41.1946"
stroke={`url(#${uniqueId})`}
strokeLinecap="round"
strokeDasharray="5 5"
/>
<defs>
<linearGradient id={uniqueId} x1="20.6899" y1="-23.4912" x2="76.2662" y2="33.7388" gradientUnits="userSpaceOnUse">
<stop stopColor={color || theme.vars.palette.primary.main} stopOpacity="0" />
<stop offset="1" stopColor={color || theme.vars.palette.primary.main} />
</linearGradient>
</defs>
</svg>
);
}
Curve2.propTypes = { size: PropTypes.number, color: PropTypes.any };
+28
View File
@@ -0,0 +1,28 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - LINE ***************************/
export default function Line({ size = 24, color }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height="2" viewBox="0 0 497 2" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 1.19458H496" stroke={`url(#${uniqueId})`} strokeLinecap="round" strokeDasharray="5 5" />
<defs>
<linearGradient id={uniqueId} x1="-366.492" y1="1" x2="-365.628" y2="-26.9618" gradientUnits="userSpaceOnUse">
<stop stopColor={color || theme.vars.palette.primary.main} stopOpacity="0" />
<stop offset="1" stopColor={color || theme.vars.palette.primary.main} />
</linearGradient>
</defs>
</svg>
);
}
Line.propTypes = { size: PropTypes.number, color: PropTypes.any };
@@ -0,0 +1,70 @@
'use client';
import PropTypes from 'prop-types';
import { useId } from 'react';
// @mui
import { useTheme } from '@mui/material/styles';
/*************************** ICON - OPEN EYE ***************************/
export default function OpenEye({ size = 24, color, stroke = 1.5 }) {
const theme = useTheme();
const uniqueId = useId(); // Generate a unique ID
return (
<svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clipPath={`url(#${uniqueId})`}>
<path
d="M3 6.00078L5.5 9.80078"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.9998 6.02478L18.5078 9.80078"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M9 4L9.5 8"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M15 4L14.5 8"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10 14C10 14.5304 10.2107 15.0391 10.5858 15.4142C10.9609 15.7893 11.4696 16 12 16C12.5304 16 13.0391 15.7893 13.4142 15.4142C13.7893 15.0391 14 14.5304 14 14C14 13.4696 13.7893 12.9609 13.4142 12.5858C13.0391 12.2107 12.5304 12 12 12C11.4696 12 10.9609 12.2107 10.5858 12.5858C10.2107 12.9609 10 13.4696 10 14Z"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21 14C18.6 18 15.6 20 12 20C8.4 20 5.4 18 3 14C5.4 10 8.4 8 12 8C15.6 8 18.6 10 21 14Z"
stroke={color || theme.vars.palette.primary.main}
strokeWidth={stroke}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<clipPath id={uniqueId}>
<rect width="24" height="24" fill="white" />
</clipPath>
</defs>
</svg>
);
}
OpenEye.propTypes = { size: PropTypes.number, color: PropTypes.any, stroke: PropTypes.any };
@@ -0,0 +1,8 @@
/*************************** ICONS ***************************/
export { default as Circle } from './Circle';
export { default as CloseEye } from './CloseEye';
export { default as Curve } from './Curve';
export { default as Curve2 } from './Curve2';
export { default as Line } from './Line';
export { default as OpenEye } from './OpenEye';