@jenesei-software/jenesei-kit-react 2.0.0 → 2.0.1

package/build/{AnimatePresence-BByJ67dn.js → AnimatePresence-19yP-TCg.js}

@@ -1,4 +1,4 @@
-import { a as K, c as N, i as O, o as S, r as U, s as I } from "./proxy-DTLy-pV-.js";
+import { a as K, c as N, i as O, o as S, r as U, s as I } from "./proxy-wCWa57J3.js";
 import { Fragment as V, jsx as g } from "react/jsx-runtime";
 import * as M from "react";
 import { Children as _, isValidElement as B, useCallback as F, useContext as L, useId as D, useInsertionEffect as G, useMemo as P, useRef as y, useState as k } from "react";
@@ -131,4 +131,4 @@ export {
   Z as t
 };
 
-//# sourceMappingURL=AnimatePresence-BByJ67dn.js.map
+//# sourceMappingURL=AnimatePresence-19yP-TCg.js.map

package/build/{AnimatePresence-BByJ67dn.js.map → AnimatePresence-19yP-TCg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AnimatePresence-BByJ67dn.js","names":["React"],"sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useCallback, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    const memoizedOnExitComplete = useCallback((childId) => {\n        presenceChildren.set(childId, true);\n        for (const isComplete of presenceChildren.values()) {\n            if (!isComplete)\n                return; // can stop searching when any is incomplete\n        }\n        onExitComplete && onExitComplete();\n    }, [presenceChildren, onExitComplete]);\n    const context = useMemo(() => ({\n        id,\n        initial,\n        isPresent,\n        custom,\n        onExitComplete: memoizedOnExitComplete,\n        register: (childId) => {\n            presenceChildren.set(childId, false);\n            return () => presenceChildren.delete(childId);\n        },\n    }), \n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout\n        ? [Math.random(), memoizedOnExitComplete]\n        : [isPresent, memoizedOnExitComplete]);\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = jsx(PopChild, { isPresent: isPresent, children: children });\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && (safeToRemove === null || safeToRemove === void 0 ? void 0 : safeToRemove());\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
+{"version":3,"file":"AnimatePresence-19yP-TCg.js","names":["React"],"sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useCallback, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    const memoizedOnExitComplete = useCallback((childId) => {\n        presenceChildren.set(childId, true);\n        for (const isComplete of presenceChildren.values()) {\n            if (!isComplete)\n                return; // can stop searching when any is incomplete\n        }\n        onExitComplete && onExitComplete();\n    }, [presenceChildren, onExitComplete]);\n    const context = useMemo(() => ({\n        id,\n        initial,\n        isPresent,\n        custom,\n        onExitComplete: memoizedOnExitComplete,\n        register: (childId) => {\n            presenceChildren.set(childId, false);\n            return () => presenceChildren.delete(childId);\n        },\n    }), \n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout\n        ? [Math.random(), memoizedOnExitComplete]\n        : [isPresent, memoizedOnExitComplete]);\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = jsx(PopChild, { isPresent: isPresent, children: children });\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && (safeToRemove === null || safeToRemove === void 0 ? void 0 : safeToRemove());\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/build/{AnimatePresence-BtUPiqYm.cjs → AnimatePresence-BdBJCJuf.cjs}

@@ -1,4 +1,4 @@
-const z=require("./chunk-CW3en5xf.cjs"),C=require("./proxy-D2Z8K6jr.cjs");let y=require("react/jsx-runtime"),e=require("react");e=z.__toESM(e,1);var I=class extends e.Component{getSnapshotBeforeUpdate(s){const n=this.props.childRef.current;if(n&&s.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=n.offsetHeight||0,t.width=n.offsetWidth||0,t.top=n.offsetTop,t.left=n.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}};function $({children:s,isPresent:n}){const t=(0,e.useId)(),u=(0,e.useRef)(null),x=(0,e.useRef)({width:0,height:0,top:0,left:0}),{nonce:d}=(0,e.useContext)(C.MotionConfigContext);return(0,e.useInsertionEffect)(()=>{const{width:f,height:i,top:p,left:r}=x.current;if(n||!u.current||!f||!i)return;u.current.dataset.motionPopId=t;const l=document.createElement("style");return d&&(l.nonce=d),document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`
+const z=require("./chunk-Dd8m0Ver.cjs"),C=require("./proxy-_gZenxVU.cjs");let y=require("react/jsx-runtime"),e=require("react");e=z.__toESM(e,1);var I=class extends e.Component{getSnapshotBeforeUpdate(s){const n=this.props.childRef.current;if(n&&s.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=n.offsetHeight||0,t.width=n.offsetWidth||0,t.top=n.offsetTop,t.left=n.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}};function $({children:s,isPresent:n}){const t=(0,e.useId)(),u=(0,e.useRef)(null),x=(0,e.useRef)({width:0,height:0,top:0,left:0}),{nonce:d}=(0,e.useContext)(C.MotionConfigContext);return(0,e.useInsertionEffect)(()=>{const{width:f,height:i,top:p,left:r}=x.current;if(n||!u.current||!f||!i)return;u.current.dataset.motionPopId=t;const l=document.createElement("style");return d&&(l.nonce=d),document.head.appendChild(l),l.sheet&&l.sheet.insertRule(`
           [data-motion-pop-id="${t}"] {
             position: absolute !important;
             width: ${f}px !important;
@@ -8,4 +8,4 @@ const z=require("./chunk-CW3en5xf.cjs"),C=require("./proxy-D2Z8K6jr.cjs");let y=
           }
         `),()=>{document.head.removeChild(l)}},[n]),(0,y.jsx)(I,{isPresent:n,childRef:u,sizeRef:x,children:e.cloneElement(s,{ref:u})})}var L=({children:s,initial:n,isPresent:t,onExitComplete:u,custom:x,presenceAffectsLayout:d,mode:f})=>{const i=C.useConstant(S),p=(0,e.useId)(),r=(0,e.useCallback)(a=>{i.set(a,!0);for(const v of i.values())if(!v)return;u&&u()},[i,u]),l=(0,e.useMemo)(()=>({id:p,initial:n,isPresent:t,custom:x,onExitComplete:r,register:a=>(i.set(a,!1),()=>i.delete(a))}),d?[Math.random(),r]:[t,r]);return(0,e.useMemo)(()=>{i.forEach((a,v)=>i.set(v,!1))},[t]),e.useEffect(()=>{!t&&!i.size&&u&&u()},[t]),f==="popLayout"&&(s=(0,y.jsx)($,{isPresent:t,children:s})),(0,y.jsx)(C.PresenceContext.Provider,{value:l,children:s})};function S(){return new Map}var E=s=>s.key||"";function _(s){const n=[];return e.Children.forEach(s,t=>{(0,e.isValidElement)(t)&&n.push(t)}),n}var A=({children:s,custom:n,initial:t=!0,onExitComplete:u,presenceAffectsLayout:x=!0,mode:d="sync",propagate:f=!1})=>{const[i,p]=C.usePresence(f),r=(0,e.useMemo)(()=>_(s),[s]),l=f&&!i?[]:r.map(E),a=(0,e.useRef)(!0),v=(0,e.useRef)(r),g=C.useConstant(()=>new Map),[b,k]=(0,e.useState)(r),[h,P]=(0,e.useState)(r);C.useIsomorphicLayoutEffect(()=>{a.current=!1,v.current=r;for(let c=0;c<h.length;c++){const o=E(h[c]);l.includes(o)?g.delete(o):g.get(o)!==!0&&g.set(o,!1)}},[h,l.length,l.join("-")]);const w=[];if(r!==b){let c=[...r];for(let o=0;o<h.length;o++){const m=h[o],M=E(m);l.includes(M)||(c.splice(o,0,m),w.push(m))}d==="wait"&&w.length&&(c=w),P(_(c)),k(r);return}process.env.NODE_ENV!=="production"&&d==="wait"&&h.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:R}=(0,e.useContext)(C.LayoutGroupContext);return(0,y.jsx)(y.Fragment,{children:h.map(c=>{const o=E(c),m=f&&!i?!1:r===h||l.includes(o),M=()=>{if(g.has(o))g.set(o,!0);else return;let j=!0;g.forEach(q=>{q||(j=!1)}),j&&(R?.(),P(v.current),f&&p?.(),u&&u())};return(0,y.jsx)(L,{isPresent:m,initial:!a.current||t?void 0:!1,custom:m?void 0:n,presenceAffectsLayout:x,mode:d,onExitComplete:m?void 0:M,children:c},o)})})};Object.defineProperty(exports,"AnimatePresence",{enumerable:!0,get:function(){return A}});
 
-//# sourceMappingURL=AnimatePresence-BtUPiqYm.cjs.map
+//# sourceMappingURL=AnimatePresence-BdBJCJuf.cjs.map

package/build/{AnimatePresence-BtUPiqYm.cjs.map → AnimatePresence-BdBJCJuf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AnimatePresence-BtUPiqYm.cjs","names":["React","MotionConfigContext","useConstant","PresenceContext","usePresence","useConstant","LayoutGroupContext","Fragment"],"sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useCallback, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    const memoizedOnExitComplete = useCallback((childId) => {\n        presenceChildren.set(childId, true);\n        for (const isComplete of presenceChildren.values()) {\n            if (!isComplete)\n                return; // can stop searching when any is incomplete\n        }\n        onExitComplete && onExitComplete();\n    }, [presenceChildren, onExitComplete]);\n    const context = useMemo(() => ({\n        id,\n        initial,\n        isPresent,\n        custom,\n        onExitComplete: memoizedOnExitComplete,\n        register: (childId) => {\n            presenceChildren.set(childId, false);\n            return () => presenceChildren.delete(childId);\n        },\n    }), \n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout\n        ? [Math.random(), memoizedOnExitComplete]\n        : [isPresent, memoizedOnExitComplete]);\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = jsx(PopChild, { isPresent: isPresent, children: children });\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && (safeToRemove === null || safeToRemove === void 0 ? void 0 : safeToRemove());\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
+{"version":3,"file":"AnimatePresence-BdBJCJuf.cjs","names":["React","MotionConfigContext","useConstant","PresenceContext","usePresence","useConstant","LayoutGroupContext","Fragment"],"sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/utils.mjs","../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useRef, useContext, useInsertionEffect } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    const { nonce } = useContext(MotionConfigContext);\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        if (nonce)\n            style.nonce = nonce;\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (jsx(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size, children: React.cloneElement(children, { ref }) }));\n}\n\nexport { PopChild };\n","\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport * as React from 'react';\nimport { useId, useCallback, useMemo } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PopChild } from './PopChild.mjs';\n\nconst PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, }) => {\n    const presenceChildren = useConstant(newChildrenMap);\n    const id = useId();\n    const memoizedOnExitComplete = useCallback((childId) => {\n        presenceChildren.set(childId, true);\n        for (const isComplete of presenceChildren.values()) {\n            if (!isComplete)\n                return; // can stop searching when any is incomplete\n        }\n        onExitComplete && onExitComplete();\n    }, [presenceChildren, onExitComplete]);\n    const context = useMemo(() => ({\n        id,\n        initial,\n        isPresent,\n        custom,\n        onExitComplete: memoizedOnExitComplete,\n        register: (childId) => {\n            presenceChildren.set(childId, false);\n            return () => presenceChildren.delete(childId);\n        },\n    }), \n    /**\n     * If the presence of a child affects the layout of the components around it,\n     * we want to make a new context value to ensure they get re-rendered\n     * so they can detect that layout change.\n     */\n    presenceAffectsLayout\n        ? [Math.random(), memoizedOnExitComplete]\n        : [isPresent, memoizedOnExitComplete]);\n    useMemo(() => {\n        presenceChildren.forEach((_, key) => presenceChildren.set(key, false));\n    }, [isPresent]);\n    /**\n     * If there's no `motion` components to fire exit animations, we want to remove this\n     * component immediately.\n     */\n    React.useEffect(() => {\n        !isPresent &&\n            !presenceChildren.size &&\n            onExitComplete &&\n            onExitComplete();\n    }, [isPresent]);\n    if (mode === \"popLayout\") {\n        children = jsx(PopChild, { isPresent: isPresent, children: children });\n    }\n    return (jsx(PresenceContext.Provider, { value: context, children: children }));\n};\nfunction newChildrenMap() {\n    return new Map();\n}\n\nexport { PresenceChild };\n","import { Children, isValidElement } from 'react';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction onlyElements(children) {\n    const filtered = [];\n    // We use forEach here instead of map as map mutates the component key by preprending `.$`\n    Children.forEach(children, (child) => {\n        if (isValidElement(child))\n            filtered.push(child);\n    });\n    return filtered;\n}\n\nexport { getChildKey, onlyElements };\n","\"use client\";\nimport { jsx, Fragment } from 'react/jsx-runtime';\nimport { useMemo, useRef, useState, useContext } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { usePresence } from './use-presence.mjs';\nimport { onlyElements, getChildKey } from './utils.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\n\n/**\n * `AnimatePresence` enables the animation of components that have been removed from the tree.\n *\n * When adding/removing more than a single child, every child **must** be given a unique `key` prop.\n *\n * Any `motion` components that have an `exit` property defined will animate out when removed from\n * the tree.\n *\n * ```jsx\n * import { motion, AnimatePresence } from 'framer-motion'\n *\n * export const Items = ({ items }) => (\n *   <AnimatePresence>\n *     {items.map(item => (\n *       <motion.div\n *         key={item.id}\n *         initial={{ opacity: 0 }}\n *         animate={{ opacity: 1 }}\n *         exit={{ opacity: 0 }}\n *       />\n *     ))}\n *   </AnimatePresence>\n * )\n * ```\n *\n * You can sequence exit animations throughout a tree using variants.\n *\n * If a child contains multiple `motion` components with `exit` props, it will only unmount the child\n * once all `motion` components have finished animating out. Likewise, any components using\n * `usePresence` all need to call `safeToRemove`.\n *\n * @public\n */\nconst AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = \"sync\", propagate = false, }) => {\n    const [isParentPresent, safeToRemove] = usePresence(propagate);\n    /**\n     * Filter any children that aren't ReactElements. We can only track components\n     * between renders with a props.key.\n     */\n    const presentChildren = useMemo(() => onlyElements(children), [children]);\n    /**\n     * Track the keys of the currently rendered children. This is used to\n     * determine which children are exiting.\n     */\n    const presentKeys = propagate && !isParentPresent ? [] : presentChildren.map(getChildKey);\n    /**\n     * If `initial={false}` we only want to pass this to components in the first render.\n     */\n    const isInitialRender = useRef(true);\n    /**\n     * A ref containing the currently present children. When all exit animations\n     * are complete, we use this to re-render the component with the latest children\n     * *committed* rather than the latest children *rendered*.\n     */\n    const pendingPresentChildren = useRef(presentChildren);\n    /**\n     * Track which exiting children have finished animating out.\n     */\n    const exitComplete = useConstant(() => new Map());\n    /**\n     * Save children to render as React state. To ensure this component is concurrent-safe,\n     * we check for exiting children via an effect.\n     */\n    const [diffedChildren, setDiffedChildren] = useState(presentChildren);\n    const [renderedChildren, setRenderedChildren] = useState(presentChildren);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        pendingPresentChildren.current = presentChildren;\n        /**\n         * Update complete status of exiting children.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const key = getChildKey(renderedChildren[i]);\n            if (!presentKeys.includes(key)) {\n                if (exitComplete.get(key) !== true) {\n                    exitComplete.set(key, false);\n                }\n            }\n            else {\n                exitComplete.delete(key);\n            }\n        }\n    }, [renderedChildren, presentKeys.length, presentKeys.join(\"-\")]);\n    const exitingChildren = [];\n    if (presentChildren !== diffedChildren) {\n        let nextChildren = [...presentChildren];\n        /**\n         * Loop through all the currently rendered components and decide which\n         * are exiting.\n         */\n        for (let i = 0; i < renderedChildren.length; i++) {\n            const child = renderedChildren[i];\n            const key = getChildKey(child);\n            if (!presentKeys.includes(key)) {\n                nextChildren.splice(i, 0, child);\n                exitingChildren.push(child);\n            }\n        }\n        /**\n         * If we're in \"wait\" mode, and we have exiting children, we want to\n         * only render these until they've all exited.\n         */\n        if (mode === \"wait\" && exitingChildren.length) {\n            nextChildren = exitingChildren;\n        }\n        setRenderedChildren(onlyElements(nextChildren));\n        setDiffedChildren(presentChildren);\n        /**\n         * Early return to ensure once we've set state with the latest diffed\n         * children, we can immediately re-render.\n         */\n        return;\n    }\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        renderedChildren.length > 1) {\n        console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to \"wait\". This will lead to odd visual behaviour.`);\n    }\n    /**\n     * If we've been provided a forceRender function by the LayoutGroupContext,\n     * we can use it to force a re-render amongst all surrounding components once\n     * all components have finished animating out.\n     */\n    const { forceRender } = useContext(LayoutGroupContext);\n    return (jsx(Fragment, { children: renderedChildren.map((child) => {\n            const key = getChildKey(child);\n            const isPresent = propagate && !isParentPresent\n                ? false\n                : presentChildren === renderedChildren ||\n                    presentKeys.includes(key);\n            const onExit = () => {\n                if (exitComplete.has(key)) {\n                    exitComplete.set(key, true);\n                }\n                else {\n                    return;\n                }\n                let isEveryExitComplete = true;\n                exitComplete.forEach((isExitComplete) => {\n                    if (!isExitComplete)\n                        isEveryExitComplete = false;\n                });\n                if (isEveryExitComplete) {\n                    forceRender === null || forceRender === void 0 ? void 0 : forceRender();\n                    setRenderedChildren(pendingPresentChildren.current);\n                    propagate && (safeToRemove === null || safeToRemove === void 0 ? void 0 : safeToRemove());\n                    onExitComplete && onExitComplete();\n                }\n            };\n            return (jsx(PresenceChild, { isPresent: isPresent, initial: !isInitialRender.current || initial\n                    ? undefined\n                    : false, custom: isPresent ? undefined : custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode, onExitComplete: isPresent ? undefined : onExit, children: child }, key));\n        }) }));\n};\n\nexport { AnimatePresence };\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/build/area-outside.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./outside-DJ1B9sBT.cjs");exports.Outside=e.Outside;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./outside-B3nRnDGb.cjs");exports.Outside=e.Outside;

package/build/area-outside.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./outside-BtjOuCPD.js";
+import { t as o } from "./outside-DpK1pI8b.js";
 export {
   o as Outside
 };

package/build/area-preview.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./preview-CG76AiC9.cjs");exports.Preview=e.Preview;exports.useRemovePreviewLoader=e.useRemovePreviewLoader;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./preview-dT7fmxcc.cjs");exports.Preview=e.Preview;exports.useRemovePreviewLoader=e.useRemovePreviewLoader;

package/build/area-preview.es.js

@@ -1,4 +1,4 @@
-import { n as r, t as o } from "./preview-BvJN6QoV.js";
+import { n as r, t as o } from "./preview-C_yFxoFH.js";
 export {
   r as Preview,
   o as useRemovePreviewLoader

package/build/area-skeleton.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./skeleton-BOfnrUaI.cjs");exports.Skeleton=e.Skeleton;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./skeleton-BoVFwt7y.cjs");exports.Skeleton=e.Skeleton;

package/build/area-skeleton.es.js

@@ -1,4 +1,4 @@
-import { t } from "./skeleton-Bzr92XmL.js";
+import { t } from "./skeleton-DNwTI6w0.js";
 export {
   t as Skeleton
 };

package/build/build-info.txt

@@ -1,3 +1,3 @@
-version: 2.0.0
-commit: 522d72e
-date: 2026-04-17T19:57:31Z
+version: 2.0.1
+commit: bd988f2
+date: 2026-04-20T14:15:45Z

package/build/{button-D8zdhI-0.js → button-BbGiFvok.js}

@@ -1,6 +1,6 @@
 import { i, n as e, r as o, t as C } from "./utils-Cona48dZ.js";
 import { n as a, t as l } from "./functions-CLGf7hqw.js";
-import { t as f } from "./icon-BG6R5Lfa.js";
+import { t as f } from "./icon-DzAWOQJg.js";
 import { useMergeRefs as x } from "./hooks-use-merge-refs.es.js";
 import { useTypographyStyles as A } from "./hooks-use-typography-styles.es.js";
 import { jsx as d, jsxs as N } from "react/jsx-runtime";
@@ -99,4 +99,4 @@ export {
   W as t
 };
 
-//# sourceMappingURL=button-D8zdhI-0.js.map
+//# sourceMappingURL=button-BbGiFvok.js.map

package/build/{button-D8zdhI-0.js.map → button-BbGiFvok.js.map}

@@ -1 +1 @@
-{"version":3,"file":"button-D8zdhI-0.js","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nexport const Button: FC<IButton> = (props) => {\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: (props.icons ?? []).map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [props.icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if ('iconGroupOrder' in props)\n      vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(props.iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n"],"mappings":";;;;;;;AAUA,IAAa,IAAA,CAAuB,MAAU;AAC5C,QAAM,IAAiB,EAAA,MAEnB,EAAkB;AAAA,IAChB,QAAQ,EAAM,SAAS,CAAA,GAAI,IAAA,CAAK,OAAO;AAAA,MACrC,GAAG;AAAA,MACH,OAAO,EAAE,OAAO,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,MAAM,MAAA;AAAA,MAC1D;AAAA,IACD,MAAM,EAAM;AAAA,GACb,GACH;AAAA,IAAC,EAAM;AAAA,IAAO,EAAM;AAAA,IAAM,EAAM;AAAA,GAAM,GAGlC,IAAc,EAAA,CACjB,MAAU;AACT,IAAI,CAAC,EAAM,cAAc,EAAM,WAC7B,EAAM,QAAQ,CAAA;AAAA,KAGlB,CAAC,EAAM,YAAY,EAAM,OAAA,CAAQ,GAK7B,IAAM,EAAa,CAFN,EAA0B,IAAA,GAEP,EAAM,GAAA,CAAI,GAE1C,EAAE,WAAW,GAAqB,OAAO,EAAA,IAAoB,EAAoB;AAAA,IACrF,IAAI;AAAA,MAAE,SAAS,EAAY,iBAAiB,EAAM,IAAA;AAAA,MAAO,gBAAgB;AAAA,MAAM,GAAG,GAAO;AAAA;IACzF,OAAO;AAAA,MAAE,OAAO;AAAA,MAAG,SAAS;AAAA;GAC7B,GAEK,EAAE,WAAA,GAAW,OAAA,EAAA,IAAU,EAAA,MAAc;AACzC,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,OAAO;AAAA,MAC3B,EAAU,QAAQ,EAAM,aAAa,SAAU,EAAM,WAAW,WAAA;AAAA,MAChE,EAAU,WAAW;AAAA,MACrB,EAAM,gBAAgB,EAAU,UAAU,OAAO;AAAA,MACjD,EAAM,YAAY,EAAU,UAAU,OAAO;AAAA,MAC7C,EAAM,kBAAkB,EAAU,UAAU,OAAO;AAAA,MACnD,EAAM,gBAAgB,EAAU,UAAU,OAAO;AAAA,MACjD,EAAM,cAAc,EAAU,UAAU,OAAO;AAAA,MAC/C,EAAM,mBAAmB,EAAU,UAAU,OAAO;AAAA,MACpD,EAAM,uBAAuB,EAAU,UAAU,OAAO;AAAA,MACxD,EAAM,iBAAiB,EAAU,UAAU,OAAO;AAAA,MAClD,EAAM,oBAAoB,EAAU,UAAU,OAAO;AAAA,MACrD,EAAM;AAAA,KACP,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,OAAO,UAAA,IAAc,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,WAAW,OAC/F,EAAK,EAAa,UAAU,OAAO,KAAA,IAAS,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,MAAM,OACrF,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,OAEvF,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,KAAK,EAAM,IAAA,EAAM,QACvE,EAAK,EAAa,UAAU,OAAO,OAAA,IAAW,EAAS,KAAK,EAAM,IAAA,EAAM,SACxE,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,KAAK,EAAM,IAAA,EAAM,QACvE,EAAK,EAAa,UAAU,OAAO,GAAA,IAAO,QAAQ,EAAS,KAAK,EAAM,IAAA,EAAM,OAAA,WAIrE;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,QAAW,EAAM,KAAA,CAAM;AAAA;KAGjF;AAAA,IACD,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,GACP,GAEK,EAAE,WAAW,GAAoB,OAAO,EAAA,IAAmB,EAAA,MAAc;AAC7E,UAAM,IAAY,EAAW,CAC3B,EAAU,UAAU,OAAO,WAE3B,EAAM,eAAe,EAAU,UAAU,OAAO,oBAAA,CACjD,GAEK,IAA+B,CAAA;AAErC,WAAI,oBAAoB,MACtB,EAAK,EAAa,UAAU,OAAO,cAAA,IAAkB,OAAO,EAAM,kBAAkB,SAAA,IAI/E;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,MAAA,CAAU;AAAA;KAGpE,CAAC,CAAA,CAAM;AAEV,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,UAAU,EAAM;AAAA,IAChB,UAAU,EAAM;AAAA,IACL,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,SAAS;AAAA,IACT,SAAS,EAAM;AAAA,IACf,aAAa,EAAM;AAAA,IACnB,MAAM,EAAM,QAAQ;AAAA,IACf,KAAA;AAAA,IACL,MAAM,EAAM;AAAA,IACZ,cAAY,EAAM;AAAA,IAClB,IAAI,EAAM;AAAA,cAZZ,CAcG,CAAC,EAAM,cAAc,EAAM,YAC1B,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW;AAAA,MAAqB,OAAO;AAAA,gBACzC,EAAM;AAAA,KACH,GAER,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW;AAAA,MAAoB,OAAO;AAAA,gBACxC;AAAA,KACG,CAAA;AAAA"}
+{"version":3,"file":"button-BbGiFvok.js","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nexport const Button: FC<IButton> = (props) => {\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: (props.icons ?? []).map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [props.icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if ('iconGroupOrder' in props)\n      vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(props.iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n"],"mappings":"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"}

package/build/{button-C5PgNYns.cjs → button-BuPpgfL_.cjs}

@@ -1,3 +1,3 @@
-const R=require("./chunk-CW3en5xf.cjs"),n=require("./utils-DtinAjAU.cjs"),S=require("./functions-Dwo54amB.cjs"),A=require("./icon-CreblPsB.cjs"),m=require("./hooks-use-merge-refs.cjs.js"),g=require("./hooks-use-typography-styles.cjs.js");let s=require("react/jsx-runtime"),o=require("react");var y=e=>{const c=(0,o.useMemo)(()=>A.getIconComponents({icons:(e.icons??[]).map(i=>({...i,style:{color:n.CSS_VARS.genre.button[e.genre].color.index}})),size:e.size}),[e.icons,e.size,e.genre]),u=(0,o.useCallback)(i=>{!e.isDisabled&&e.onClick&&e.onClick(i)},[e.isDisabled,e.onClick]),l=m.useMergeRefs([(0,o.useRef)(null),e.ref]),{className:a,style:d}=g.useTypographyStyles({sx:{variant:n.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:C}=(0,o.useMemo)(()=>{const i=S.setClasses([n.CSS_CLASS.component.button.root,n.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],n.CSS_CLASS.transition.color,e.isZeroRadius&&n.CSS_CLASS.component.button.isZeroRadius,e.isHidden&&n.CSS_CLASS.component.button.isHidden,e.isHiddenBorder&&n.CSS_CLASS.component.button.isHiddenBorder,e.isFullRadius&&n.CSS_CLASS.component.button.isFullRadius,e.isFullSize&&n.CSS_CLASS.component.button.isFullSize,e.isWidthAsHeight&&n.CSS_CLASS.component.button.isWidthAsHeight,e.isMinWidthAsContent&&n.CSS_CLASS.component.button.isMinWidthAsContent,e.isZeroPadding&&n.CSS_CLASS.component.button.isZeroPadding,e.isSizeFitContent&&n.CSS_CLASS.component.button.isSizeFitContent,e.className]),t={};return t[n.CSS_VARS_RAW.component.button.background]=n.CSS_VARS.genre.button[e.genre].background.index,t[n.CSS_VARS_RAW.component.button.color]=n.CSS_VARS.genre.button[e.genre].color.index,t[n.CSS_VARS_RAW.component.button.border]=n.CSS_VARS.genre.button[e.genre].border.index,t[n.CSS_VARS_RAW.component.button.height]=n.CSS_VARS.size[e.size].height,t[n.CSS_VARS_RAW.component.button.padding]=n.CSS_VARS.size[e.size].padding,t[n.CSS_VARS_RAW.component.button.radius]=n.CSS_VARS.size[e.size].radius,t[n.CSS_VARS_RAW.component.button.gap]=`calc(${n.CSS_VARS.size[e.size].padding} - 2px)`,{className:i,style:S.setStyles([Object.keys(t).length?t:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.isZeroRadius,e.control,e.isZeroPadding,e.isSizeFitContent]),{className:_,style:b}=(0,o.useMemo)(()=>{const i=S.setClasses([n.CSS_CLASS.component.button.iconGroup,e.isIconGroup&&n.CSS_CLASS.component.button.iconGroupIsIconGroup]),t={};return"iconGroupOrder"in e&&(t[n.CSS_VARS_RAW.component.button.iconGroupOrder]=String(e.iconGroupOrder??"initial")),{className:i,style:S.setStyles([Object.keys(t).length?t:void 0])}},[e]);return(0,s.jsxs)("button",{tabIndex:e.tabIndex,disabled:e.isDisabled,className:r,style:C,onClick:u,onFocus:e.onFocus,onMouseDown:e.onMouseDown,type:e.type??"button",ref:l,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[!e.isOnlyIcon&&e.children&&(0,s.jsx)("div",{className:a,style:d,children:e.children}),(0,s.jsx)("div",{className:_,style:b,children:c})]})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return y}});
+const R=require("./chunk-Dd8m0Ver.cjs"),n=require("./utils-DtinAjAU.cjs"),S=require("./functions-Dwo54amB.cjs"),A=require("./icon-CoIQwke4.cjs"),m=require("./hooks-use-merge-refs.cjs.js"),g=require("./hooks-use-typography-styles.cjs.js");let s=require("react/jsx-runtime"),o=require("react");var y=e=>{const c=(0,o.useMemo)(()=>A.getIconComponents({icons:(e.icons??[]).map(i=>({...i,style:{color:n.CSS_VARS.genre.button[e.genre].color.index}})),size:e.size}),[e.icons,e.size,e.genre]),u=(0,o.useCallback)(i=>{!e.isDisabled&&e.onClick&&e.onClick(i)},[e.isDisabled,e.onClick]),l=m.useMergeRefs([(0,o.useRef)(null),e.ref]),{className:a,style:d}=g.useTypographyStyles({sx:{variant:n.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:C}=(0,o.useMemo)(()=>{const i=S.setClasses([n.CSS_CLASS.component.button.root,n.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],n.CSS_CLASS.transition.color,e.isZeroRadius&&n.CSS_CLASS.component.button.isZeroRadius,e.isHidden&&n.CSS_CLASS.component.button.isHidden,e.isHiddenBorder&&n.CSS_CLASS.component.button.isHiddenBorder,e.isFullRadius&&n.CSS_CLASS.component.button.isFullRadius,e.isFullSize&&n.CSS_CLASS.component.button.isFullSize,e.isWidthAsHeight&&n.CSS_CLASS.component.button.isWidthAsHeight,e.isMinWidthAsContent&&n.CSS_CLASS.component.button.isMinWidthAsContent,e.isZeroPadding&&n.CSS_CLASS.component.button.isZeroPadding,e.isSizeFitContent&&n.CSS_CLASS.component.button.isSizeFitContent,e.className]),t={};return t[n.CSS_VARS_RAW.component.button.background]=n.CSS_VARS.genre.button[e.genre].background.index,t[n.CSS_VARS_RAW.component.button.color]=n.CSS_VARS.genre.button[e.genre].color.index,t[n.CSS_VARS_RAW.component.button.border]=n.CSS_VARS.genre.button[e.genre].border.index,t[n.CSS_VARS_RAW.component.button.height]=n.CSS_VARS.size[e.size].height,t[n.CSS_VARS_RAW.component.button.padding]=n.CSS_VARS.size[e.size].padding,t[n.CSS_VARS_RAW.component.button.radius]=n.CSS_VARS.size[e.size].radius,t[n.CSS_VARS_RAW.component.button.gap]=`calc(${n.CSS_VARS.size[e.size].padding} - 2px)`,{className:i,style:S.setStyles([Object.keys(t).length?t:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.isZeroRadius,e.control,e.isZeroPadding,e.isSizeFitContent]),{className:_,style:b}=(0,o.useMemo)(()=>{const i=S.setClasses([n.CSS_CLASS.component.button.iconGroup,e.isIconGroup&&n.CSS_CLASS.component.button.iconGroupIsIconGroup]),t={};return"iconGroupOrder"in e&&(t[n.CSS_VARS_RAW.component.button.iconGroupOrder]=String(e.iconGroupOrder??"initial")),{className:i,style:S.setStyles([Object.keys(t).length?t:void 0])}},[e]);return(0,s.jsxs)("button",{tabIndex:e.tabIndex,disabled:e.isDisabled,className:r,style:C,onClick:u,onFocus:e.onFocus,onMouseDown:e.onMouseDown,type:e.type??"button",ref:l,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[!e.isOnlyIcon&&e.children&&(0,s.jsx)("div",{className:a,style:d,children:e.children}),(0,s.jsx)("div",{className:_,style:b,children:c})]})};Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return y}});
 
-//# sourceMappingURL=button-C5PgNYns.cjs.map
+//# sourceMappingURL=button-BuPpgfL_.cjs.map

package/build/{button-C5PgNYns.cjs.map → button-BuPpgfL_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-C5PgNYns.cjs","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nexport const Button: FC<IButton> = (props) => {\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: (props.icons ?? []).map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [props.icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if ('iconGroupOrder' in props)\n      vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(props.iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"button-BuPpgfL_.cjs","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nexport const Button: FC<IButton> = (props) => {\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: (props.icons ?? []).map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [props.icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if ('iconGroupOrder' in props)\n      vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(props.iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n"],"mappings":"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"}

package/build/{checkbox-Ba0-4wxk.js → checkbox-CXxWDklX.js}

@@ -1,9 +1,9 @@
 import { i as c, n as i, r as t, t as x } from "./utils-Cona48dZ.js";
 import { n as u, t as g } from "./functions-CLGf7hqw.js";
-import { r as k } from "./icon-BG6R5Lfa.js";
+import { r as k } from "./icon-DzAWOQJg.js";
 import { useMergeRefs as y } from "./hooks-use-merge-refs.es.js";
 import { useTypographyStyles as z } from "./hooks-use-typography-styles.es.js";
-import { t as S } from "./error-D1UNY-0f.js";
+import { t as S } from "./error-L2fvWcNv.js";
 import { Fragment as f, jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useCallback as C, useMemo as A, useRef as R } from "react";
 var I = (e) => {
@@ -95,4 +95,4 @@ export {
   I as t
 };
 
-//# sourceMappingURL=checkbox-Ba0-4wxk.js.map
+//# sourceMappingURL=checkbox-CXxWDklX.js.map

package/build/{checkbox-Ba0-4wxk.js.map → checkbox-CXxWDklX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-Ba0-4wxk.js","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-CXxWDklX.js","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{checkbox-BtkbSjHq.cjs → checkbox-qgc_Ntc3.cjs}

@@ -1,3 +1,3 @@
-const x=require("./chunk-CW3en5xf.cjs"),i=require("./utils-DtinAjAU.cjs"),S=require("./functions-Dwo54amB.cjs"),u=require("./icon-CreblPsB.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),_=require("./hooks-use-typography-styles.cjs.js"),b=require("./error--kiPVmoi.cjs");let c=require("react/jsx-runtime"),t=require("react");var A=e=>{const s=C.useMergeRefs([(0,t.useRef)(null),e.ref]),{className:o,style:l}=_.useTypographyStyles({sx:{variant:i.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:a}=(0,t.useMemo)(()=>{const h=S.setClasses([i.CSS_CLASS.component.checkbox.root,i.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],i.CSS_CLASS.transition.color,e.error?.isError&&i.CSS_CLASS.isError,e.isZeroRadius&&i.CSS_CLASS.component.checkbox.isZeroRadius,e.isHidden&&i.CSS_CLASS.component.checkbox.isHidden,e.isHiddenBorder&&i.CSS_CLASS.component.checkbox.isHiddenBorder,e.isFullRadius&&i.CSS_CLASS.component.checkbox.isFullRadius,e.isFullSize&&i.CSS_CLASS.component.checkbox.isFullSize,e.isWidthAsHeight&&i.CSS_CLASS.component.checkbox.isWidthAsHeight,e.isMinWidthAsContent&&i.CSS_CLASS.component.checkbox.isMinWidthAsContent,e.isOnlyIcon&&i.CSS_CLASS.component.checkbox.isOnlyIcon,e.className]),n={};return n[i.CSS_VARS_RAW.component.checkbox.background]=i.CSS_VARS.genre.checkbox[e.genre].background.index,n[i.CSS_VARS_RAW.component.checkbox.color]=i.CSS_VARS.genre.checkbox[e.genre].color.index,n[i.CSS_VARS_RAW.component.checkbox.border]=i.CSS_VARS.genre.checkbox[e.genre].border.index,n[i.CSS_VARS_RAW.component.checkbox.height]=i.CSS_VARS.size[e.size].height,n[i.CSS_VARS_RAW.component.checkbox.padding]=i.CSS_VARS.size[e.size].padding,n[i.CSS_VARS_RAW.component.checkbox.radius]=i.CSS_VARS.size[e.size].radius,n[i.CSS_VARS_RAW.component.checkbox.gap]=`calc(${i.CSS_VARS.size[e.size].padding} - 2px)`,{className:h,style:S.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.error,e.isZeroRadius,e.isOnlyIcon,e.control]),d=(0,t.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.checked)},[e.isDisabled,e.onChange,e.checked]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("button",{disabled:e.isDisabled,tabIndex:e.tabIndex,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,className:r,style:a,type:e.type??"button",ref:s,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[(0,c.jsx)(u.Icon,{...e.checked?e.view.true:e.view.false,size:(e.checked?e.view.true:e.view.false)?.size??e.size}),!e.isOnlyIcon&&e.children&&(0,c.jsx)("div",{className:o,style:l,children:e.children})]}),e?.error?.isError&&(0,c.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return A}});
+const x=require("./chunk-Dd8m0Ver.cjs"),i=require("./utils-DtinAjAU.cjs"),S=require("./functions-Dwo54amB.cjs"),u=require("./icon-CoIQwke4.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),_=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-DzkkNL2H.cjs");let c=require("react/jsx-runtime"),t=require("react");var A=e=>{const s=C.useMergeRefs([(0,t.useRef)(null),e.ref]),{className:o,style:l}=_.useTypographyStyles({sx:{variant:i.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:a}=(0,t.useMemo)(()=>{const h=S.setClasses([i.CSS_CLASS.component.checkbox.root,i.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],i.CSS_CLASS.transition.color,e.error?.isError&&i.CSS_CLASS.isError,e.isZeroRadius&&i.CSS_CLASS.component.checkbox.isZeroRadius,e.isHidden&&i.CSS_CLASS.component.checkbox.isHidden,e.isHiddenBorder&&i.CSS_CLASS.component.checkbox.isHiddenBorder,e.isFullRadius&&i.CSS_CLASS.component.checkbox.isFullRadius,e.isFullSize&&i.CSS_CLASS.component.checkbox.isFullSize,e.isWidthAsHeight&&i.CSS_CLASS.component.checkbox.isWidthAsHeight,e.isMinWidthAsContent&&i.CSS_CLASS.component.checkbox.isMinWidthAsContent,e.isOnlyIcon&&i.CSS_CLASS.component.checkbox.isOnlyIcon,e.className]),n={};return n[i.CSS_VARS_RAW.component.checkbox.background]=i.CSS_VARS.genre.checkbox[e.genre].background.index,n[i.CSS_VARS_RAW.component.checkbox.color]=i.CSS_VARS.genre.checkbox[e.genre].color.index,n[i.CSS_VARS_RAW.component.checkbox.border]=i.CSS_VARS.genre.checkbox[e.genre].border.index,n[i.CSS_VARS_RAW.component.checkbox.height]=i.CSS_VARS.size[e.size].height,n[i.CSS_VARS_RAW.component.checkbox.padding]=i.CSS_VARS.size[e.size].padding,n[i.CSS_VARS_RAW.component.checkbox.radius]=i.CSS_VARS.size[e.size].radius,n[i.CSS_VARS_RAW.component.checkbox.gap]=`calc(${i.CSS_VARS.size[e.size].padding} - 2px)`,{className:h,style:S.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.error,e.isZeroRadius,e.isOnlyIcon,e.control]),d=(0,t.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.checked)},[e.isDisabled,e.onChange,e.checked]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("button",{disabled:e.isDisabled,tabIndex:e.tabIndex,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,className:r,style:a,type:e.type??"button",ref:s,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[(0,c.jsx)(u.Icon,{...e.checked?e.view.true:e.view.false,size:(e.checked?e.view.true:e.view.false)?.size??e.size}),!e.isOnlyIcon&&e.children&&(0,c.jsx)("div",{className:o,style:l,children:e.children})]}),e?.error?.isError&&(0,c.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return A}});
 
-//# sourceMappingURL=checkbox-BtkbSjHq.cjs.map
+//# sourceMappingURL=checkbox-qgc_Ntc3.cjs.map

package/build/{checkbox-BtkbSjHq.cjs.map → checkbox-qgc_Ntc3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-BtkbSjHq.cjs","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-qgc_Ntc3.cjs","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/chunk-Dd8m0Ver.cjs

@@ -0,0 +1 @@
+var i=Object.create,u=Object.defineProperty,O=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,f=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,P=(e,r)=>()=>(e&&(r=e(e=0)),r),g=(e,r)=>()=>(r||(e((r={exports:{}}).exports,r),e=null),r.exports),s=(e,r)=>{let t={};for(var o in e)u(t,o,{get:e[o],enumerable:!0});return r||u(t,Symbol.toStringTag,{value:"Module"}),t},p=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(var a=v(r),_=0,c=a.length,n;_<c;_++)n=a[_],!l.call(e,n)&&n!==t&&u(e,n,{get:(b=>r[b]).bind(null,n),enumerable:!(o=O(r,n))||o.enumerable});return e},j=(e,r,t)=>(t=e!=null?i(f(e)):{},p(r||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),y=e=>l.call(e,"module.exports")?e["module.exports"]:p(u({},"__esModule",{value:!0}),e);Object.defineProperty(exports,"__commonJSMin",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"__esmMin",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"__exportAll",{enumerable:!0,get:function(){return s}});Object.defineProperty(exports,"__toCommonJS",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"__toESM",{enumerable:!0,get:function(){return j}});

package/build/{chunk-D1xtDmiO.js → chunk-cI0lbGMq.js}

@@ -1,4 +1,4 @@
-var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, b = Object.getPrototypeOf, l = Object.prototype.hasOwnProperty, g = (e, r) => () => (e && (r = e(e = 0)), r), O = (e, r) => () => (r || e((r = { exports: {} }).exports, r), r.exports), P = (e, r) => {
+var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = Object.getOwnPropertyNames, g = Object.getPrototypeOf, i = Object.prototype.hasOwnProperty, O = (e, r) => () => (e && (r = e(e = 0)), r), b = (e, r) => () => (r || (e((r = { exports: {} }).exports, r), e = null), r.exports), P = (e, r) => {
   let t = {};
   for (var o in e)
     a(t, o, {
@@ -8,24 +8,24 @@ var f = Object.create, a = Object.defineProperty, v = Object.getOwnPropertyDescr
   return r || a(t, Symbol.toStringTag, { value: "Module" }), t;
 }, p = (e, r, t, o) => {
   if (r && typeof r == "object" || typeof r == "function")
-    for (var i = c(r), u = 0, _ = i.length, n; u < _; u++)
-      n = i[u], !l.call(e, n) && n !== t && a(e, n, {
+    for (var l = c(r), u = 0, _ = l.length, n; u < _; u++)
+      n = l[u], !i.call(e, n) && n !== t && a(e, n, {
         get: ((s) => r[s]).bind(null, n),
         enumerable: !(o = v(r, n)) || o.enumerable
       });
   return e;
-}, d = (e, r, t) => (t = e != null ? f(b(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
+}, d = (e, r, t) => (t = e != null ? f(g(e)) : {}, p(r || !e || !e.__esModule ? a(t, "default", {
   value: e,
   enumerable: !0
-}) : t, e)), y = (e) => l.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
+}) : t, e)), y = (e) => i.call(e, "module.exports") ? e["module.exports"] : p(a({}, "__esModule", { value: !0 }), e), q = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (r, t) => (typeof require < "u" ? require : r)[t] }) : e)(function(e) {
   if (typeof require < "u") return require.apply(this, arguments);
   throw Error('Calling `require` for "' + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
 });
 export {
   y as a,
   q as i,
-  g as n,
+  O as n,
   d as o,
   P as r,
-  O as t
+  b as t
 };

package/build/{component-6HgOL-7c.js → component-BHyXT2-h.js}

@@ -1,4 +1,4 @@
-import { t as k } from "./proxy-DTLy-pV-.js";
+import { t as k } from "./proxy-wCWa57J3.js";
 import { n as t } from "./utils-Cona48dZ.js";
 import { n as r, t as c } from "./functions-CLGf7hqw.js";
 import { jsx as o } from "react/jsx-runtime";
@@ -68,4 +68,4 @@ export {
   h as t
 };
 
-//# sourceMappingURL=component-6HgOL-7c.js.map
+//# sourceMappingURL=component-BHyXT2-h.js.map

package/build/{component-6HgOL-7c.js.map → component-BHyXT2-h.js.map}

@@ -1 +1 @@
-{"version":3,"file":"component-6HgOL-7c.js","names":[],"sources":["../src/components/stack/component.tsx"],"sourcesContent":["import { CSS_CLASS } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { motion } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { IStack, IStackMotion } from './component.types';\n\nexport const Stack: FC<IStack> = (props) => {\n  const { className, style, Component } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        props.scrollbarGutter && CSS_CLASS.scrollbarGutter[props.scrollbarGutter],\n        props.isRipple && CSS_CLASS.isRipple,\n        props.isHover && CSS_CLASS.isHover,\n        props.className,\n      ]),\n      style: setStyles([props?.sx, props.style]),\n      Component: props.as ?? 'div',\n    };\n  }, [props.as, props.className, props.isHover, props.isRipple, props.style, props.sx, props.scrollbarGutter]);\n\n  return (\n    <Component\n      //@ts-expect-error\n      ref={props.ref}\n      onClick={props.onClick}\n      //@ts-expect-error\n      onDrop={props.onDrop}\n      //@ts-expect-error\n      onDragOver={props.onDragOver}\n      className={className}\n      style={style}\n      id={props.id}\n    >\n      {props.children}\n    </Component>\n  );\n};\n\nexport const StackMotion: FC<IStackMotion> = (props) => {\n  const { isHover, isRipple, onClick, onDrop, onDragOver, ref, sx, className, style, ...rest } = props;\n\n  const {\n    className: className2,\n    style: style2,\n    as,\n  } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        isRipple && CSS_CLASS.isRipple,\n        isHover && CSS_CLASS.isHover,\n        className,\n      ]),\n      style: setStyles([props?.sx, style]),\n      as: props.as ?? 'div',\n    };\n  }, [props.as, isHover, isRipple, className, style, props.sx]);\n\n  return (\n    <motion.div\n      as={as}\n      ref={ref}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className2}\n      style={style2}\n      {...rest}\n    >\n      {props.children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAa,IAAA,CAAqB,MAAU;AAC1C,QAAM,EAAE,WAAA,GAAW,OAAA,GAAO,WAAA,EAAA,IAAc,EAAA,OAC/B;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,EAAM,mBAAmB,EAAU,gBAAgB,EAAM,eAAA;AAAA,MACzD,EAAM,YAAY,EAAU;AAAA,MAC5B,EAAM,WAAW,EAAU;AAAA,MAC3B,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,EAAM,KAAA,CAAM;AAAA,IACzC,WAAW,EAAM,MAAM;AAAA,MAExB;AAAA,IAAC,EAAM;AAAA,IAAI,EAAM;AAAA,IAAW,EAAM;AAAA,IAAS,EAAM;AAAA,IAAU,EAAM;AAAA,IAAO,EAAM;AAAA,IAAI,EAAM;AAAA,GAAgB;AAE3G,SACE,gBAAA,EAAC,GAAD;AAAA,IAEE,KAAK,EAAM;AAAA,IACX,SAAS,EAAM;AAAA,IAEf,QAAQ,EAAM;AAAA,IAEd,YAAY,EAAM;AAAA,IACP,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,IAAI,EAAM;AAAA,cAET,EAAM;AAAA,GACG;GAIH,IAAA,CAAiC,MAAU;AACtD,QAAM,EAAE,SAAA,GAAS,UAAA,GAAU,SAAA,GAAS,QAAA,GAAQ,YAAA,GAAY,KAAA,GAAK,IAAA,GAAI,WAAA,GAAW,OAAA,GAAO,GAAG,EAAA,IAAS,GAEzF,EACJ,WAAW,GACX,OAAO,GACP,IAAA,EAAA,IACE,EAAA,OACK;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,KAAY,EAAU;AAAA,MACtB,KAAW,EAAU;AAAA,MACrB;AAAA,KACD;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,CAAA,CAAM;AAAA,IACnC,IAAI,EAAM,MAAM;AAAA,MAEjB;AAAA,IAAC,EAAM;AAAA,IAAI;AAAA,IAAS;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO,EAAM;AAAA,GAAG;AAE5D,SACE,gBAAA,EAAC,EAAO,KAAR;AAAA,IACM,IAAA;AAAA,IACC,KAAA;AAAA,IACI,SAAA;AAAA,IACD,QAAA;AAAA,IACI,YAAA;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAI;AAAA,cAEH,EAAM;AAAA,GACI"}
+{"version":3,"file":"component-BHyXT2-h.js","names":[],"sources":["../src/components/stack/component.tsx"],"sourcesContent":["import { CSS_CLASS } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { motion } from 'framer-motion';\nimport { FC, useMemo } from 'react';\n\nimport { IStack, IStackMotion } from './component.types';\n\nexport const Stack: FC<IStack> = (props) => {\n  const { className, style, Component } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        props.scrollbarGutter && CSS_CLASS.scrollbarGutter[props.scrollbarGutter],\n        props.isRipple && CSS_CLASS.isRipple,\n        props.isHover && CSS_CLASS.isHover,\n        props.className,\n      ]),\n      style: setStyles([props?.sx, props.style]),\n      Component: props.as ?? 'div',\n    };\n  }, [props.as, props.className, props.isHover, props.isRipple, props.style, props.sx, props.scrollbarGutter]);\n\n  return (\n    <Component\n      //@ts-expect-error\n      ref={props.ref}\n      onClick={props.onClick}\n      //@ts-expect-error\n      onDrop={props.onDrop}\n      //@ts-expect-error\n      onDragOver={props.onDragOver}\n      className={className}\n      style={style}\n      id={props.id}\n    >\n      {props.children}\n    </Component>\n  );\n};\n\nexport const StackMotion: FC<IStackMotion> = (props) => {\n  const { isHover, isRipple, onClick, onDrop, onDragOver, ref, sx, className, style, ...rest } = props;\n\n  const {\n    className: className2,\n    style: style2,\n    as,\n  } = useMemo(() => {\n    return {\n      className: setClasses([\n        CSS_CLASS.component.stack.root,\n        isRipple && CSS_CLASS.isRipple,\n        isHover && CSS_CLASS.isHover,\n        className,\n      ]),\n      style: setStyles([props?.sx, style]),\n      as: props.as ?? 'div',\n    };\n  }, [props.as, isHover, isRipple, className, style, props.sx]);\n\n  return (\n    <motion.div\n      as={as}\n      ref={ref}\n      onClick={onClick}\n      onDrop={onDrop}\n      onDragOver={onDragOver}\n      className={className2}\n      style={style2}\n      {...rest}\n    >\n      {props.children}\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAa,IAAA,CAAqB,MAAU;AAC1C,QAAM,EAAE,WAAA,GAAW,OAAA,GAAO,WAAA,EAAA,IAAc,EAAA,OAC/B;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,EAAM,mBAAmB,EAAU,gBAAgB,EAAM,eAAA;AAAA,MACzD,EAAM,YAAY,EAAU;AAAA,MAC5B,EAAM,WAAW,EAAU;AAAA,MAC3B,EAAM;AAAA,KACP;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,EAAM,KAAA,CAAM;AAAA,IACzC,WAAW,EAAM,MAAM;AAAA,MAExB;AAAA,IAAC,EAAM;AAAA,IAAI,EAAM;AAAA,IAAW,EAAM;AAAA,IAAS,EAAM;AAAA,IAAU,EAAM;AAAA,IAAO,EAAM;AAAA,IAAI,EAAM;AAAA,GAAgB;AAE3G,SACE,gBAAA,EAAC,GAAD;AAAA,IAEE,KAAK,EAAM;AAAA,IACX,SAAS,EAAM;AAAA,IAEf,QAAQ,EAAM;AAAA,IAEd,YAAY,EAAM;AAAA,IACP,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,IAAI,EAAM;AAAA,cAET,EAAM;AAAA,GACG;GAIH,IAAA,CAAiC,MAAU;AACtD,QAAM,EAAE,SAAA,GAAS,UAAA,GAAU,SAAA,GAAS,QAAA,GAAQ,YAAA,GAAY,KAAA,GAAK,IAAA,GAAI,WAAA,GAAW,OAAA,GAAO,GAAG,EAAA,IAAS,GAEzF,EACJ,WAAW,GACX,OAAO,GACP,IAAA,EAAA,IACE,EAAA,OACK;AAAA,IACL,WAAW,EAAW;AAAA,MACpB,EAAU,UAAU,MAAM;AAAA,MAC1B,KAAY,EAAU;AAAA,MACtB,KAAW,EAAU;AAAA,MACrB;AAAA,KACD;AAAA,IACD,OAAO,EAAU,CAAC,GAAO,IAAI,CAAA,CAAM;AAAA,IACnC,IAAI,EAAM,MAAM;AAAA,MAEjB;AAAA,IAAC,EAAM;AAAA,IAAI;AAAA,IAAS;AAAA,IAAU;AAAA,IAAW;AAAA,IAAO,EAAM;AAAA,GAAG;AAE5D,SACE,gBAAA,EAAC,EAAO,KAAR;AAAA,IACM,IAAA;AAAA,IACC,KAAA;AAAA,IACI,SAAA;AAAA,IACD,QAAA;AAAA,IACI,YAAA;AAAA,IACZ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,GAAI;AAAA,cAEH,EAAM;AAAA,GACI"}

package/build/component-button.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-CW3en5xf.cjs"),e=require("./button-C5PgNYns.cjs");exports.Button=e.Button;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./button-BuPpgfL_.cjs");exports.Button=e.Button;

package/build/component-button.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./button-D8zdhI-0.js";
+import { t as o } from "./button-BbGiFvok.js";
 export {
   o as Button
 };

package/build/component-checkbox.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-CW3en5xf.cjs"),e=require("./checkbox-BtkbSjHq.cjs");exports.Checkbox=e.Checkbox;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./checkbox-qgc_Ntc3.cjs");exports.Checkbox=e.Checkbox;

package/build/component-checkbox.es.js

@@ -1,4 +1,4 @@
-import { t as r } from "./checkbox-Ba0-4wxk.js";
+import { t as r } from "./checkbox-CXxWDklX.js";
 export {
   r as Checkbox
 };