aliveicon 1.6.0 → 1.7.0

package/dist/cjs/icons/p/PanelBottomDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelBottomDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 15h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 15h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 15h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelBottomDashed.displayName = 'PanelBottomDashed';
+
+exports.PanelBottomDashed = PanelBottomDashed;
+//# sourceMappingURL=PanelBottomDashed.js.map

package/dist/cjs/icons/p/PanelBottomDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBottomDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelBottomOpen.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelBottomOpen = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M3 15h18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9 10 3-3 3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelBottomOpen.displayName = 'PanelBottomOpen';
+
+exports.PanelBottomOpen = PanelBottomOpen;
+//# sourceMappingURL=PanelBottomOpen.js.map

package/dist/cjs/icons/p/PanelBottomOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelBottomOpen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelLeft.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const slideVariants = {
+    normal: { x: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        x: [-4, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.45, ease: 'easeOut' },
+    },
+};
+const PanelLeft = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 3v18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeft.displayName = 'PanelLeft';
+
+exports.PanelLeft = PanelLeft;
+//# sourceMappingURL=PanelLeft.js.map

package/dist/cjs/icons/p/PanelLeft.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLeft.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelLeftClose.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelLeftClose = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M9 3v18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m16 15-3-3 3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeftClose.displayName = 'PanelLeftClose';
+
+exports.PanelLeftClose = PanelLeftClose;
+//# sourceMappingURL=PanelLeftClose.js.map

package/dist/cjs/icons/p/PanelLeftClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLeftClose.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelLeftDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelLeftDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 14v1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 19v2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 3v2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 9v1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelLeftDashed.displayName = 'PanelLeftDashed';
+
+exports.PanelLeftDashed = PanelLeftDashed;
+//# sourceMappingURL=PanelLeftDashed.js.map

package/dist/cjs/icons/p/PanelLeftDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLeftDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelLeftOpen.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelLeftOpen = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M9 3v18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m14 9 3 3-3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeftOpen.displayName = 'PanelLeftOpen';
+
+exports.PanelLeftOpen = PanelLeftOpen;
+//# sourceMappingURL=PanelLeftOpen.js.map

package/dist/cjs/icons/p/PanelLeftOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLeftOpen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelLeftRightDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelLeftRightDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 10V9", variants: drawVariants, custom: [0.08, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 15v-1", variants: drawVariants, custom: [0.16, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 21v-2", variants: drawVariants, custom: [0.24, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 5V3", variants: drawVariants, custom: [0, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 10V9", variants: drawVariants, custom: [0.08, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 15v-1", variants: drawVariants, custom: [0.16, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 21v-2", variants: drawVariants, custom: [0.24, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 5V3", variants: drawVariants, custom: [0, 1, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" })] }) }));
+});
+PanelLeftRightDashed.displayName = 'PanelLeftRightDashed';
+
+exports.PanelLeftRightDashed = PanelLeftRightDashed;
+//# sourceMappingURL=PanelLeftRightDashed.js.map

package/dist/cjs/icons/p/PanelLeftRightDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelLeftRightDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelRight.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const slideVariants = {
+    normal: { x: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        x: [4, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.45, ease: 'easeOut' },
+    },
+};
+const PanelRight = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 3v18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRight.displayName = 'PanelRight';
+
+exports.PanelRight = PanelRight;
+//# sourceMappingURL=PanelRight.js.map

package/dist/cjs/icons/p/PanelRight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRight.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelRightClose.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelRightClose = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M15 3v18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m8 9 3 3-3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRightClose.displayName = 'PanelRightClose';
+
+exports.PanelRightClose = PanelRightClose;
+//# sourceMappingURL=PanelRightClose.js.map

package/dist/cjs/icons/p/PanelRightClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRightClose.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelRightDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelRightDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 14v1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 19v2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 3v2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 9v1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelRightDashed.displayName = 'PanelRightDashed';
+
+exports.PanelRightDashed = PanelRightDashed;
+//# sourceMappingURL=PanelRightDashed.js.map

package/dist/cjs/icons/p/PanelRightDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRightDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelRightOpen.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelRightOpen = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M15 3v18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m10 15-3-3 3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRightOpen.displayName = 'PanelRightOpen';
+
+exports.PanelRightOpen = PanelRightOpen;
+//# sourceMappingURL=PanelRightOpen.js.map

package/dist/cjs/icons/p/PanelRightOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelRightOpen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelTop.js

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const slideVariants = {
+    normal: { y: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: {
+        y: [-4, 0],
+        opacity: [0, 1],
+        transition: { duration: 0.45, ease: 'easeOut' },
+    },
+};
+const PanelTop = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTop.displayName = 'PanelTop';
+
+exports.PanelTop = PanelTop;
+//# sourceMappingURL=PanelTop.js.map

package/dist/cjs/icons/p/PanelTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTop.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelTopBottomDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelTopBottomDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 15h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 9h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 15h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 9h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 15h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 9h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" })] }) }));
+});
+PanelTopBottomDashed.displayName = 'PanelTopBottomDashed';
+
+exports.PanelTopBottomDashed = PanelTopBottomDashed;
+//# sourceMappingURL=PanelTopBottomDashed.js.map

package/dist/cjs/icons/p/PanelTopBottomDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTopBottomDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelTopClose.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, -1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelTopClose = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M3 9h18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m9 16 3-3 3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTopClose.displayName = 'PanelTopClose';
+
+exports.PanelTopClose = PanelTopClose;
+//# sourceMappingURL=PanelTopClose.js.map

package/dist/cjs/icons/p/PanelTopClose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTopClose.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelTopDashed.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelTopDashed = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M14 9h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M19 9h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 9h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelTopDashed.displayName = 'PanelTopDashed';
+
+exports.PanelTopDashed = PanelTopDashed;
+//# sourceMappingURL=PanelTopDashed.js.map

package/dist/cjs/icons/p/PanelTopDashed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTopDashed.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelTopOpen.js

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const nudgeVariants = {
+    normal: { y: 0, transition: { duration: 0.2 } },
+    animate: {
+        y: [0, 1.5, 0],
+        transition: { duration: 0.5, ease: 'easeInOut' },
+    },
+};
+const PanelTopOpen = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx("path", { d: "M3 9h18" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "m15 14-3 3-3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTopOpen.displayName = 'PanelTopOpen';
+
+exports.PanelTopOpen = PanelTopOpen;
+//# sourceMappingURL=PanelTopOpen.js.map

package/dist/cjs/icons/p/PanelTopOpen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelTopOpen.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelsLeftBottom.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelsLeftBottom = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 3v18", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 15h12", variants: drawVariants, custom: [0.25, 0, 0.35], initial: "normal", animate: controls })] }) }));
+});
+PanelsLeftBottom.displayName = 'PanelsLeftBottom';
+
+exports.PanelsLeftBottom = PanelsLeftBottom;
+//# sourceMappingURL=PanelsLeftBottom.js.map

package/dist/cjs/icons/p/PanelsLeftBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelsLeftBottom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelsRightBottom.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelsRightBottom = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 15h12", variants: drawVariants, custom: [0.25, 0, 0.35], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M15 3v18", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls })] }) }));
+});
+PanelsRightBottom.displayName = 'PanelsRightBottom';
+
+exports.PanelsRightBottom = PanelsRightBottom;
+//# sourceMappingURL=PanelsRightBottom.js.map

package/dist/cjs/icons/p/PanelsRightBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelsRightBottom.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/icons/p/PanelsTopLeft.js

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var cn = require('../../lib/cn.js');
+var useAnimatedIcon = require('../../lib/use-animated-icon.js');
+
+const drawVariants = {
+    normal: { pathLength: 1, pathOffset: 0, opacity: 1, transition: { duration: 0.2 } },
+    animate: ([delay, from, duration]) => ({
+        pathLength: [0, 1],
+        pathOffset: [from, 0],
+        opacity: [0, 1],
+        transition: { duration, delay, ease: 'easeInOut' },
+    }),
+};
+const PanelsTopLeft = react.forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon.useAnimatedIcon(ref, props);
+    return (jsxRuntime.jsx("div", { className: cn.cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsxRuntime.jsxs("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", width: "100%", height: "100%", children: [jsxRuntime.jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M3 9h18", variants: drawVariants, custom: [0, 0, 0.4], initial: "normal", animate: controls }), jsxRuntime.jsx(framerMotion.motion.path, { d: "M9 21V9", variants: drawVariants, custom: [0.25, 1, 0.35], initial: "normal", animate: controls })] }) }));
+});
+PanelsTopLeft.displayName = 'PanelsTopLeft';
+
+exports.PanelsTopLeft = PanelsTopLeft;
+//# sourceMappingURL=PanelsTopLeft.js.map