UNPKG

@nex-ui/react

Version:

🎉 A beautiful, modern, and reliable React component library.

74 lines (68 loc) • 1.98 kB
'use strict'; var jsxRuntime = require('react/jsx-runtime'); var react = require('motion/react'); var m = require('motion/react-m'); var index = require('../utils/motionFeatures/index.cjs'); function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n.default = e; return Object.freeze(n); } var m__namespace = /*#__PURE__*/_interopNamespace(m); const tickVariants = { checked: { pathLength: 1, opacity: 1, transition: { opacity: { delay: 0.2, duration: 0.1 }, pathLength: { duration: 0.2, delay: 0.2, ease: 'easeInOut' } } }, unchecked: { pathLength: 0, opacity: 0 } }; const CheckedIcon = ({ checked })=>{ return /*#__PURE__*/ jsxRuntime.jsx(react.LazyMotion, { features: index.motionFeatures, children: /*#__PURE__*/ jsxRuntime.jsx(m__namespace.svg, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", initial: false, "aria-hidden": true, focusable: false, animate: checked ? 'checked' : 'unchecked', children: /*#__PURE__*/ jsxRuntime.jsx(m__namespace.path, { strokeLinecap: "round", strokeLinejoin: "round", d: "m7 12.9l3.143 3.6L18 7.5", variants: tickVariants }) }) }); }; CheckedIcon.displayName = 'CheckedIcon'; exports.CheckedIcon = CheckedIcon;