aliveicon 1.6.0 → 1.7.0

package/dist/esm/icons/p/PaintbrushVertical.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const paintVariants = {
+    normal: { x: 0, transition: { duration: 0.2 } },
+    animate: {
+        x: [0, -1, 1, -0.5, 0],
+        transition: { duration: 0.6, ease: 'easeInOut' },
+    },
+};
+const PaintbrushVertical = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsx("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: jsxs(motion.g, { variants: paintVariants, initial: "normal", animate: controls, children: [jsx("path", { d: "M10 2v2" }), jsx("path", { d: "M14 2v4" }), jsx("path", { d: "M17 2a1 1 0 0 1 1 1v9H6V3a1 1 0 0 1 1-1z" }), jsx("path", { d: "M6 12a1 1 0 0 0-1 1v1a2 2 0 0 0 2 2h2a1 1 0 0 1 1 1v2.9a2 2 0 1 0 4 0V17a1 1 0 0 1 1-1h2a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1" })] }) }) }));
+});
+PaintbrushVertical.displayName = 'PaintbrushVertical';
+
+export { PaintbrushVertical };
+//# sourceMappingURL=PaintbrushVertical.js.map

package/dist/esm/icons/p/PaintbrushVertical.js.map

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

package/dist/esm/icons/p/Palette.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 popVariants = {
+    normal: { scale: 1, opacity: 1, transition: { duration: 0.2 } },
+    animate: (delay) => ({
+        scale: [0, 1.4, 1],
+        opacity: [0, 1, 1],
+        transition: { duration: 0.4, delay, ease: 'easeInOut' },
+    }),
+};
+const Palette = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx(motion.path, { d: "M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z", variants: drawVariants, custom: [0, 0, 0.5], initial: "normal", animate: controls }), jsx(motion.circle, { cx: "13.5", cy: "6.5", r: ".5", fill: "currentColor", variants: popVariants, custom: 0.41, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "17.5", cy: "10.5", r: ".5", fill: "currentColor", variants: popVariants, custom: 0.49, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "6.5", cy: "12.5", r: ".5", fill: "currentColor", variants: popVariants, custom: 0.25, initial: "normal", animate: controls }), jsx(motion.circle, { cx: "8.5", cy: "7.5", r: ".5", fill: "currentColor", variants: popVariants, custom: 0.33, initial: "normal", animate: controls })] }) }));
+});
+Palette.displayName = 'Palette';
+
+export { Palette };
+//# sourceMappingURL=Palette.js.map

package/dist/esm/icons/p/Palette.js.map

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

package/dist/esm/icons/p/Panda.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../lib/use-animated-icon.js';
+
+const tiltVariants = {
+    normal: { rotate: 0, transition: { duration: 0.2 } },
+    animate: {
+        rotate: [0, -6, 5, -2, 0],
+        transition: { duration: 0.8, ease: 'easeInOut' },
+    },
+};
+const Panda = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: jsx("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%", style: { overflow: 'visible' }, children: jsxs(motion.g, { variants: tiltVariants, style: { originX: '50%', originY: '100%' }, initial: "normal", animate: controls, children: [jsx("path", { d: "M11.25 17.25h1.5L12 18z" }), jsx("path", { d: "m15 12 2 2" }), jsx("path", { d: "M17.902 6.599a8 8 0 0 0-.5-.5" }), jsx("path", { d: "M2 14.5C2 19.47 6.48 22 12 22s10-2.53 10-7.5a10 10 0 0 0-1.3-4.83 4.5 4.5 0 1 0-7.05-5.5 8 8 0 0 0-3.3 0 4.5 4.5 0 1 0-7.04 5.5A10 10 0 0 0 2 14.5" }), jsx("path", { d: "M6.099 6.599a8 8 0 0 1 .5-.5" }), jsx("path", { d: "m9 12-2 2" })] }) }) }));
+});
+Panda.displayName = 'Panda';
+
+export { Panda };
+//# sourceMappingURL=Panda.js.map

package/dist/esm/icons/p/Panda.js.map

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

package/dist/esm/icons/p/PanelBottom.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 PanelBottom = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M3 15h18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelBottom.displayName = 'PanelBottom';
+
+export { PanelBottom };
+//# sourceMappingURL=PanelBottom.js.map

package/dist/esm/icons/p/PanelBottom.js.map

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

package/dist/esm/icons/p/PanelBottomClose.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 PanelBottomClose = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M3 15h18" }), jsx(motion.path, { d: "m15 8-3 3-3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelBottomClose.displayName = 'PanelBottomClose';
+
+export { PanelBottomClose };
+//# sourceMappingURL=PanelBottomClose.js.map

package/dist/esm/icons/p/PanelBottomClose.js.map

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M14 15h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 15h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 15h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 15h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelBottomDashed.displayName = 'PanelBottomDashed';
+
+export { PanelBottomDashed };
+//# sourceMappingURL=PanelBottomDashed.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M3 15h18" }), jsx(motion.path, { d: "m9 10 3-3 3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelBottomOpen.displayName = 'PanelBottomOpen';
+
+export { PanelBottomOpen };
+//# sourceMappingURL=PanelBottomOpen.js.map

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M9 3v18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeft.displayName = 'PanelLeft';
+
+export { PanelLeft };
+//# sourceMappingURL=PanelLeft.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M9 3v18" }), jsx(motion.path, { d: "m16 15-3-3 3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeftClose.displayName = 'PanelLeftClose';
+
+export { PanelLeftClose };
+//# sourceMappingURL=PanelLeftClose.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M9 14v1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 19v2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 3v2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 9v1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelLeftDashed.displayName = 'PanelLeftDashed';
+
+export { PanelLeftDashed };
+//# sourceMappingURL=PanelLeftDashed.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M9 3v18" }), jsx(motion.path, { d: "m14 9 3 3-3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelLeftOpen.displayName = 'PanelLeftOpen';
+
+export { PanelLeftOpen };
+//# sourceMappingURL=PanelLeftOpen.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx(motion.path, { d: "M15 10V9", variants: drawVariants, custom: [0.08, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 15v-1", variants: drawVariants, custom: [0.16, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 21v-2", variants: drawVariants, custom: [0.24, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 5V3", variants: drawVariants, custom: [0, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 10V9", variants: drawVariants, custom: [0.08, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 15v-1", variants: drawVariants, custom: [0.16, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 21v-2", variants: drawVariants, custom: [0.24, 1, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 5V3", variants: drawVariants, custom: [0, 1, 0.2], initial: "normal", animate: controls }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" })] }) }));
+});
+PanelLeftRightDashed.displayName = 'PanelLeftRightDashed';
+
+export { PanelLeftRightDashed };
+//# sourceMappingURL=PanelLeftRightDashed.js.map

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M15 3v18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRight.displayName = 'PanelRight';
+
+export { PanelRight };
+//# sourceMappingURL=PanelRight.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M15 3v18" }), jsx(motion.path, { d: "m8 9 3 3-3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRightClose.displayName = 'PanelRightClose';
+
+export { PanelRightClose };
+//# sourceMappingURL=PanelRightClose.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M15 14v1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 19v2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 3v2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M15 9v1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelRightDashed.displayName = 'PanelRightDashed';
+
+export { PanelRightDashed };
+//# sourceMappingURL=PanelRightDashed.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M15 3v18" }), jsx(motion.path, { d: "m10 15-3-3 3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelRightOpen.displayName = 'PanelRightOpen';
+
+export { PanelRightOpen };
+//# sourceMappingURL=PanelRightOpen.js.map

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

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

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M3 9h18", variants: slideVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTop.displayName = 'PanelTop';
+
+export { PanelTop };
+//# sourceMappingURL=PanelTop.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx(motion.path, { d: "M14 15h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M14 9h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 15h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 9h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 15h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 9h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 15h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 9h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls }), jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" })] }) }));
+});
+PanelTopBottomDashed.displayName = 'PanelTopBottomDashed';
+
+export { PanelTopBottomDashed };
+//# sourceMappingURL=PanelTopBottomDashed.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M3 9h18" }), jsx(motion.path, { d: "m9 16 3-3 3 3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTopClose.displayName = 'PanelTopClose';
+
+export { PanelTopClose };
+//# sourceMappingURL=PanelTopClose.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx(motion.path, { d: "M14 9h1", variants: drawVariants, custom: [0.16, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M19 9h2", variants: drawVariants, custom: [0.24, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M3 9h2", variants: drawVariants, custom: [0, 0, 0.2], initial: "normal", animate: controls }), jsx(motion.path, { d: "M9 9h1", variants: drawVariants, custom: [0.08, 0, 0.2], initial: "normal", animate: controls })] }) }));
+});
+PanelTopDashed.displayName = 'PanelTopDashed';
+
+export { PanelTopDashed };
+//# sourceMappingURL=PanelTopDashed.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { forwardRef } from 'react';
+import { cn } from '../../lib/cn.js';
+import { useAnimatedIcon } from '../../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 = forwardRef(({ className, size = 28, style, ...props }, ref) => {
+    const { controls, iconProps } = useAnimatedIcon(ref, props);
+    return (jsx("div", { className: cn('inline-block', className), style: { width: size, height: size, ...style }, ...iconProps, children: 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: [jsx("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }), jsx("path", { d: "M3 9h18" }), jsx(motion.path, { d: "m15 14-3 3-3-3", variants: nudgeVariants, initial: "normal", animate: controls })] }) }));
+});
+PanelTopOpen.displayName = 'PanelTopOpen';
+
+export { PanelTopOpen };
+//# sourceMappingURL=PanelTopOpen.js.map

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

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