@new-black/lyra 0.1.16 → 0.1.17

package/dist/lyra102.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra102.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useContext, useRef, cloneElement, Children, isValidElement } from 'react';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { useIsMounted } from '../../utils/use-is-mounted.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { invariant } from '../../utils/errors.mjs';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction updateChildLookup(children, allChildren) {\n    children.forEach((child) => {\n        const key = getChildKey(child);\n        allChildren.set(key, child);\n    });\n}\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/**\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, exitBeforeEnter, presenceAffectsLayout = true, mode = \"sync\", }) => {\n    invariant(!exitBeforeEnter, \"Replace exitBeforeEnter with mode='wait'\");\n    // We want to force a re-render once all exiting animations have finished. We\n    // either use a local forceRender function, or one from a parent context if it exists.\n    const forceRender = useContext(LayoutGroupContext).forceRender || useForceUpdate()[0];\n    const isMounted = useIsMounted();\n    // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n    const filteredChildren = onlyElements(children);\n    let childrenToRender = filteredChildren;\n    const exitingChildren = useRef(new Map()).current;\n    // Keep a living record of the children we're actually rendering so we\n    // can diff to figure out which are entering and exiting\n    const presentChildren = useRef(childrenToRender);\n    // A lookup table to quickly reference components by key\n    const allChildren = useRef(new Map()).current;\n    // If this is the initial component render, just deal with logic surrounding whether\n    // we play onMount animations or not.\n    const isInitialRender = useRef(true);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        updateChildLookup(filteredChildren, allChildren);\n        presentChildren.current = childrenToRender;\n    });\n    useUnmountEffect(() => {\n        isInitialRender.current = true;\n        allChildren.clear();\n        exitingChildren.clear();\n    });\n    if (isInitialRender.current) {\n        return (React.createElement(React.Fragment, null, childrenToRender.map((child) => (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));\n    }\n    // If this is a subsequent render, deal with entering and exiting children\n    childrenToRender = [...childrenToRender];\n    // Diff the keys of the currently-present and target children to update our\n    // exiting list.\n    const presentKeys = presentChildren.current.map(getChildKey);\n    const targetKeys = filteredChildren.map(getChildKey);\n    // Diff the present children with our target children and mark those that are exiting\n    const numPresent = presentKeys.length;\n    for (let i = 0; i < numPresent; i++) {\n        const key = presentKeys[i];\n        if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {\n            exitingChildren.set(key, undefined);\n        }\n    }\n    // If we currently have exiting children, and we're deferring rendering incoming children\n    // until after all current children have exiting, empty the childrenToRender array\n    if (mode === \"wait\" && exitingChildren.size) {\n        childrenToRender = [];\n    }\n    // Loop through all currently exiting components and clone them to overwrite `animate`\n    // with any `exit` prop they might have defined.\n    exitingChildren.forEach((component, key) => {\n        // If this component is actually entering again, early return\n        if (targetKeys.indexOf(key) !== -1)\n            return;\n        const child = allChildren.get(key);\n        if (!child)\n            return;\n        const insertionIndex = presentKeys.indexOf(key);\n        let exitingComponent = component;\n        if (!exitingComponent) {\n            const onExit = () => {\n                allChildren.delete(key);\n                exitingChildren.delete(key);\n                // Remove this child from the present children\n                const removeIndex = presentChildren.current.findIndex((presentChild) => presentChild.key === key);\n                presentChildren.current.splice(removeIndex, 1);\n                // Defer re-rendering until all exiting children have indeed left\n                if (!exitingChildren.size) {\n                    presentChildren.current = filteredChildren;\n                    if (isMounted.current === false)\n                        return;\n                    forceRender();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            exitingComponent = (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n            exitingChildren.set(key, exitingComponent);\n        }\n        childrenToRender.splice(insertionIndex, 0, exitingComponent);\n    });\n    // Add `MotionContext` even to children that don't need it to ensure we're rendering\n    // the same tree between renders\n    childrenToRender = childrenToRender.map((child) => {\n        const key = child.key;\n        return exitingChildren.has(key) ? (child) : (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n    });\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        childrenToRender.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    return (React.createElement(React.Fragment, null, exitingChildren.size\n        ? childrenToRender\n        : childrenToRender.map((child) => cloneElement(child))));\n};\n\nexport { AnimatePresence };\n"],"names":["getChildKey","child","updateChildLookup","children","allChildren","key","onlyElements","filtered","Children","isValidElement","AnimatePresence","custom","initial","onExitComplete","exitBeforeEnter","presenceAffectsLayout","mode","invariant","forceRender","useContext","LayoutGroupContext","useForceUpdate","isMounted","useIsMounted","filteredChildren","childrenToRender","exitingChildren","useRef","presentChildren","isInitialRender","useIsomorphicLayoutEffect","useUnmountEffect","React","PresenceChild","presentKeys","targetKeys","numPresent","i","component","insertionIndex","exitingComponent","onExit","removeIndex","presentChild","cloneElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra102.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":"mRASMA,EAAoB,CACtB,GAAGC,EAAU,WACb,GAAGC,EAAiB,kBACpB,GAAGC,EAAI,KACP,GAAGC,EAAM,MACb,EAOMC,EAAuBC,EAAAA,kBAAkB,CAACC,EAAWC,IAAWC,EAAqB,sBAACF,EAAWC,EAAQR,EAAmBU,wBAAsB,CAAC","x_google_ignoreList":[0]}

package/dist/lyra102.js

@@ -1,68 +1,16 @@
-import * as s from "react";
-import { useContext as z, useRef as h, cloneElement as A, Children as F, isValidElement as K } from "react";
-import { useForceUpdate as b } from "./lyra175.js";
-import { useIsMounted as G } from "./lyra176.js";
-import { PresenceChild as g } from "./lyra177.js";
-import { LayoutGroupContext as N } from "./lyra178.js";
-import { useIsomorphicLayoutEffect as T } from "./lyra121.js";
-import { useUnmountEffect as U } from "./lyra179.js";
-import { invariant as V } from "./lyra180.js";
-const u = (o) => o.key || "";
-function $(o, c) {
-  o.forEach((i) => {
-    const f = u(i);
-    c.set(f, i);
-  });
-}
-function q(o) {
-  const c = [];
-  return F.forEach(o, (i) => {
-    K(i) && c.push(i);
-  }), c;
-}
-const S = ({ children: o, custom: c, initial: i = !0, onExitComplete: f, exitBeforeEnter: P, presenceAffectsLayout: E = !0, mode: a = "sync" }) => {
-  V(!P, "Replace exitBeforeEnter with mode='wait'");
-  const I = z(N).forceRender || b()[0], R = G(), m = q(o);
-  let n = m;
-  const r = h(/* @__PURE__ */ new Map()).current, l = h(n), d = h(/* @__PURE__ */ new Map()).current, x = h(!0);
-  if (T(() => {
-    x.current = !1, $(m, d), l.current = n;
-  }), U(() => {
-    x.current = !0, d.clear(), r.clear();
-  }), x.current)
-    return s.createElement(s.Fragment, null, n.map((e) => s.createElement(g, { key: u(e), isPresent: !0, initial: i ? void 0 : !1, presenceAffectsLayout: E, mode: a }, e)));
-  n = [...n];
-  const y = l.current.map(u), w = m.map(u), v = y.length;
-  for (let e = 0; e < v; e++) {
-    const t = y[e];
-    w.indexOf(t) === -1 && !r.has(t) && r.set(t, void 0);
-  }
-  return a === "wait" && r.size && (n = []), r.forEach((e, t) => {
-    if (w.indexOf(t) !== -1)
-      return;
-    const C = d.get(t);
-    if (!C)
-      return;
-    const k = y.indexOf(t);
-    let p = e;
-    if (!p) {
-      const L = () => {
-        d.delete(t), r.delete(t);
-        const M = l.current.findIndex((O) => O.key === t);
-        if (l.current.splice(M, 1), !r.size) {
-          if (l.current = m, R.current === !1)
-            return;
-          I(), f && f();
-        }
-      };
-      p = s.createElement(g, { key: u(C), isPresent: !1, onExitComplete: L, custom: c, presenceAffectsLayout: E, mode: a }, C), r.set(t, p);
-    }
-    n.splice(k, 0, p);
-  }), n = n.map((e) => {
-    const t = e.key;
-    return r.has(t) ? e : s.createElement(g, { key: u(e), isPresent: !0, presenceAffectsLayout: E, mode: a }, e);
-  }), process.env.NODE_ENV !== "production" && a === "wait" && n.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.`), s.createElement(s.Fragment, null, r.size ? n : n.map((e) => A(e)));
-};
+import { createMotionProxy as t } from "./lyra160.js";
+import { createDomMotionConfig as m } from "./lyra161.js";
+import { gestureAnimations as i } from "./lyra162.js";
+import { animations as e } from "./lyra163.js";
+import { drag as a } from "./lyra164.js";
+import { createDomVisualElement as n } from "./lyra165.js";
+import { layout as p } from "./lyra166.js";
+const f = {
+  ...e,
+  ...i,
+  ...a,
+  ...p
+}, y = /* @__PURE__ */ t((o, r) => m(o, r, f, n));
 export {
-  S as AnimatePresence
+  y as motion
 };

package/dist/lyra102.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra102.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useContext, useRef, cloneElement, Children, isValidElement } from 'react';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { useIsMounted } from '../../utils/use-is-mounted.mjs';\nimport { PresenceChild } from './PresenceChild.mjs';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { useIsomorphicLayoutEffect } from '../../utils/use-isomorphic-effect.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { invariant } from '../../utils/errors.mjs';\n\nconst getChildKey = (child) => child.key || \"\";\nfunction updateChildLookup(children, allChildren) {\n    children.forEach((child) => {\n        const key = getChildKey(child);\n        allChildren.set(key, child);\n    });\n}\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/**\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, exitBeforeEnter, presenceAffectsLayout = true, mode = \"sync\", }) => {\n    invariant(!exitBeforeEnter, \"Replace exitBeforeEnter with mode='wait'\");\n    // We want to force a re-render once all exiting animations have finished. We\n    // either use a local forceRender function, or one from a parent context if it exists.\n    const forceRender = useContext(LayoutGroupContext).forceRender || useForceUpdate()[0];\n    const isMounted = useIsMounted();\n    // Filter out any children that aren't ReactElements. We can only track ReactElements with a props.key\n    const filteredChildren = onlyElements(children);\n    let childrenToRender = filteredChildren;\n    const exitingChildren = useRef(new Map()).current;\n    // Keep a living record of the children we're actually rendering so we\n    // can diff to figure out which are entering and exiting\n    const presentChildren = useRef(childrenToRender);\n    // A lookup table to quickly reference components by key\n    const allChildren = useRef(new Map()).current;\n    // If this is the initial component render, just deal with logic surrounding whether\n    // we play onMount animations or not.\n    const isInitialRender = useRef(true);\n    useIsomorphicLayoutEffect(() => {\n        isInitialRender.current = false;\n        updateChildLookup(filteredChildren, allChildren);\n        presentChildren.current = childrenToRender;\n    });\n    useUnmountEffect(() => {\n        isInitialRender.current = true;\n        allChildren.clear();\n        exitingChildren.clear();\n    });\n    if (isInitialRender.current) {\n        return (React.createElement(React.Fragment, null, childrenToRender.map((child) => (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, initial: initial ? undefined : false, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child)))));\n    }\n    // If this is a subsequent render, deal with entering and exiting children\n    childrenToRender = [...childrenToRender];\n    // Diff the keys of the currently-present and target children to update our\n    // exiting list.\n    const presentKeys = presentChildren.current.map(getChildKey);\n    const targetKeys = filteredChildren.map(getChildKey);\n    // Diff the present children with our target children and mark those that are exiting\n    const numPresent = presentKeys.length;\n    for (let i = 0; i < numPresent; i++) {\n        const key = presentKeys[i];\n        if (targetKeys.indexOf(key) === -1 && !exitingChildren.has(key)) {\n            exitingChildren.set(key, undefined);\n        }\n    }\n    // If we currently have exiting children, and we're deferring rendering incoming children\n    // until after all current children have exiting, empty the childrenToRender array\n    if (mode === \"wait\" && exitingChildren.size) {\n        childrenToRender = [];\n    }\n    // Loop through all currently exiting components and clone them to overwrite `animate`\n    // with any `exit` prop they might have defined.\n    exitingChildren.forEach((component, key) => {\n        // If this component is actually entering again, early return\n        if (targetKeys.indexOf(key) !== -1)\n            return;\n        const child = allChildren.get(key);\n        if (!child)\n            return;\n        const insertionIndex = presentKeys.indexOf(key);\n        let exitingComponent = component;\n        if (!exitingComponent) {\n            const onExit = () => {\n                allChildren.delete(key);\n                exitingChildren.delete(key);\n                // Remove this child from the present children\n                const removeIndex = presentChildren.current.findIndex((presentChild) => presentChild.key === key);\n                presentChildren.current.splice(removeIndex, 1);\n                // Defer re-rendering until all exiting children have indeed left\n                if (!exitingChildren.size) {\n                    presentChildren.current = filteredChildren;\n                    if (isMounted.current === false)\n                        return;\n                    forceRender();\n                    onExitComplete && onExitComplete();\n                }\n            };\n            exitingComponent = (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: false, onExitComplete: onExit, custom: custom, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n            exitingChildren.set(key, exitingComponent);\n        }\n        childrenToRender.splice(insertionIndex, 0, exitingComponent);\n    });\n    // Add `MotionContext` even to children that don't need it to ensure we're rendering\n    // the same tree between renders\n    childrenToRender = childrenToRender.map((child) => {\n        const key = child.key;\n        return exitingChildren.has(key) ? (child) : (React.createElement(PresenceChild, { key: getChildKey(child), isPresent: true, presenceAffectsLayout: presenceAffectsLayout, mode: mode }, child));\n    });\n    if (process.env.NODE_ENV !== \"production\" &&\n        mode === \"wait\" &&\n        childrenToRender.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    return (React.createElement(React.Fragment, null, exitingChildren.size\n        ? childrenToRender\n        : childrenToRender.map((child) => cloneElement(child))));\n};\n\nexport { AnimatePresence };\n"],"names":["getChildKey","child","updateChildLookup","children","allChildren","key","onlyElements","filtered","Children","isValidElement","AnimatePresence","custom","initial","onExitComplete","exitBeforeEnter","presenceAffectsLayout","mode","invariant","forceRender","useContext","LayoutGroupContext","useForceUpdate","isMounted","useIsMounted","filteredChildren","childrenToRender","exitingChildren","useRef","presentChildren","isInitialRender","useIsomorphicLayoutEffect","useUnmountEffect","React","PresenceChild","presentKeys","targetKeys","numPresent","i","component","insertionIndex","exitingComponent","onExit","removeIndex","presentChild","cloneElement"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra102.js","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":";;;;;;;AASA,MAAMA,IAAoB;AAAA,EACtB,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP,GAOMC,IAAuB,gBAAAC,EAAkB,CAACC,GAAWC,MAAWC,EAAsBF,GAAWC,GAAQR,GAAmBU,CAAsB,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra103.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra168.cjs"),r=require("./lyra169.cjs"),n=require("./lyra170.cjs"),i=require("./lyra171.cjs"),a=require("./lyra172.cjs"),s=require("./lyra173.cjs"),u=require("./lyra174.cjs"),c={...i.animations,...n.gestureAnimations,...a.drag,...u.layout},m=t.createMotionProxy((e,o)=>r.createDomMotionConfig(e,o,c,s.createDomVisualElement));exports.motion=m;
+"use strict";

package/dist/lyra103.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra103.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":"mRASMA,EAAoB,CACtB,GAAGC,EAAU,WACb,GAAGC,EAAiB,kBACpB,GAAGC,EAAI,KACP,GAAGC,EAAM,MACb,EAOMC,EAAuBC,EAAAA,kBAAkB,CAACC,EAAWC,IAAWC,EAAqB,sBAACF,EAAWC,EAAQR,EAAmBU,wBAAsB,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra103.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra103.js

@@ -1,16 +1 @@
-import { createMotionProxy as t } from "./lyra168.js";
-import { createDomMotionConfig as m } from "./lyra169.js";
-import { gestureAnimations as i } from "./lyra170.js";
-import { animations as e } from "./lyra171.js";
-import { drag as a } from "./lyra172.js";
-import { createDomVisualElement as n } from "./lyra173.js";
-import { layout as p } from "./lyra174.js";
-const f = {
-  ...e,
-  ...i,
-  ...a,
-  ...p
-}, y = /* @__PURE__ */ t((o, r) => m(o, r, f, n));
-export {
-  y as motion
-};
+

package/dist/lyra103.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra103.js","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":";;;;;;;AASA,MAAMA,IAAoB;AAAA,EACtB,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP,GAOMC,IAAuB,gBAAAC,EAAkB,CAACC,GAAWC,MAAWC,EAAsBF,GAAWC,GAAQR,GAAmBU,CAAsB,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra103.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra104.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";

package/dist/lyra104.js

@@ -1,4 +1 @@
-const a = "";
-export {
-  a as default
-};
+

package/dist/lyra104.js.map

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

package/dist/lyra105.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),p=require("./lyra46.cjs"),m=typeof window<"u",y=()=>{},r={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function g(){const[e,n]=t.useState(null),[u,i]=t.useState(r),o=t.useMemo(()=>new window.ResizeObserver(s=>{if(s[0]){const{x:c,y:f,width:d,height:a,top:l,left:h,bottom:w,right:b}=s[0].contentRect;i({x:c,y:f,width:d,height:a,top:l,left:h,bottom:w,right:b})}}),[]);return p.useIsomorphicLayoutEffect(()=>{if(e)return o.observe(e),()=>{o.disconnect()}},[e]),[n,u]}const v=m&&typeof window.ResizeObserver<"u"?g:()=>[y,r];exports.default=v;

package/dist/lyra105.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra105.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra105.cjs","sources":["../src/utils/hooks/use-measure.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useMemo, useState } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-layout-effect\";\n\nconst isBrowser = typeof window !== \"undefined\";\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport type UseMeasureRect = Pick<\n  DOMRectReadOnly,\n  \"x\" | \"y\" | \"top\" | \"left\" | \"right\" | \"bottom\" | \"height\" | \"width\"\n>;\nexport type UseMeasureRef<E extends Element = Element> = (element: E) => void;\nexport type UseMeasureResult<E extends Element = Element> = [UseMeasureRef<E>, UseMeasureRect];\n\nconst defaultState: UseMeasureRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nfunction useMeasure<E extends Element = Element>(): UseMeasureResult<E> {\n  const [element, ref] = useState<E | null>(null);\n  const [rect, setRect] = useState<UseMeasureRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      new (window as any).ResizeObserver((entries: any) => {\n        if (entries[0]) {\n          const { x, y, width, height, top, left, bottom, right } = entries[0].contentRect;\n          setRect({ x, y, width, height, top, left, bottom, right });\n        }\n      }),\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!element) return;\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [element]);\n\n  return [ref, rect];\n}\n\nexport default isBrowser && typeof (window as any).ResizeObserver !== \"undefined\"\n  ? useMeasure\n  : ((() => [noop, defaultState]) as typeof useMeasure);\n"],"names":["isBrowser","noop","defaultState","useMeasure","element","ref","useState","rect","setRect","observer","useMemo","entries","x","y","width","height","top","left","bottom","right","useIsomorphicLayoutEffect","useMeasure$1"],"mappings":"+JAKMA,EAAY,OAAO,OAAW,IAE9BC,EAAO,IAAM,CAAC,EASdC,EAA+B,CACnC,EAAG,EACH,EAAG,EACH,MAAO,EACP,OAAQ,EACR,IAAK,EACL,KAAM,EACN,OAAQ,EACR,MAAO,CACT,EAEA,SAASC,GAA+D,CACtE,KAAM,CAACC,EAASC,CAAG,EAAIC,WAAmB,IAAI,EACxC,CAACC,EAAMC,CAAO,EAAIF,WAAyBJ,CAAY,EAEvDO,EAAWC,EAAA,QACf,IACE,IAAK,OAAe,eAAgBC,GAAiB,CAC/C,GAAAA,EAAQ,CAAC,EAAG,CACd,KAAM,CAAE,EAAAC,EAAG,EAAAC,EAAG,MAAAC,EAAO,OAAAC,EAAQ,IAAAC,EAAK,KAAAC,EAAM,OAAAC,EAAQ,MAAAC,CAAM,EAAIR,EAAQ,CAAC,EAAE,YAC7DH,EAAA,CAAE,EAAAI,EAAG,EAAAC,EAAG,MAAAC,EAAO,OAAAC,EAAQ,IAAAC,EAAK,KAAAC,EAAM,OAAAC,EAAQ,MAAAC,CAAA,CAAO,CAC3D,CAAA,CACD,EACH,CAAC,CAAA,EAGHC,OAAAA,EAAAA,0BAA0B,IAAM,CAC9B,GAAKhB,EACL,OAAAK,EAAS,QAAQL,CAAO,EACjB,IAAM,CACXK,EAAS,WAAW,CAAA,CACtB,EACC,CAACL,CAAO,CAAC,EAEL,CAACC,EAAKE,CAAI,CACnB,CAEA,MAAAc,EAAerB,GAAa,OAAQ,OAAe,eAAmB,IAClEG,EACE,IAAM,CAACF,EAAMC,CAAY"}

package/dist/lyra105.js

@@ -1,4 +1,34 @@
-const t = "";
+import { useState as n, useMemo as l } from "react";
+import { useIsomorphicLayoutEffect as b } from "./lyra46.js";
+const y = typeof window < "u", g = () => {
+}, r = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function v() {
+  const [e, s] = n(null), [i, c] = n(r), t = l(
+    () => new window.ResizeObserver((o) => {
+      if (o[0]) {
+        const { x: u, y: f, width: d, height: w, top: h, left: m, bottom: p, right: a } = o[0].contentRect;
+        c({ x: u, y: f, width: d, height: w, top: h, left: m, bottom: p, right: a });
+      }
+    }),
+    []
+  );
+  return b(() => {
+    if (e)
+      return t.observe(e), () => {
+        t.disconnect();
+      };
+  }, [e]), [s, i];
+}
+const M = y && typeof window.ResizeObserver < "u" ? v : () => [g, r];
 export {
-  t as default
+  M as default
 };

package/dist/lyra105.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra105.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra105.js","sources":["../src/utils/hooks/use-measure.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { useMemo, useState } from \"react\";\n\nimport { useIsomorphicLayoutEffect } from \"./use-isomorphic-layout-effect\";\n\nconst isBrowser = typeof window !== \"undefined\";\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\nexport type UseMeasureRect = Pick<\n  DOMRectReadOnly,\n  \"x\" | \"y\" | \"top\" | \"left\" | \"right\" | \"bottom\" | \"height\" | \"width\"\n>;\nexport type UseMeasureRef<E extends Element = Element> = (element: E) => void;\nexport type UseMeasureResult<E extends Element = Element> = [UseMeasureRef<E>, UseMeasureRect];\n\nconst defaultState: UseMeasureRect = {\n  x: 0,\n  y: 0,\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n};\n\nfunction useMeasure<E extends Element = Element>(): UseMeasureResult<E> {\n  const [element, ref] = useState<E | null>(null);\n  const [rect, setRect] = useState<UseMeasureRect>(defaultState);\n\n  const observer = useMemo(\n    () =>\n      new (window as any).ResizeObserver((entries: any) => {\n        if (entries[0]) {\n          const { x, y, width, height, top, left, bottom, right } = entries[0].contentRect;\n          setRect({ x, y, width, height, top, left, bottom, right });\n        }\n      }),\n    [],\n  );\n\n  useIsomorphicLayoutEffect(() => {\n    if (!element) return;\n    observer.observe(element);\n    return () => {\n      observer.disconnect();\n    };\n  }, [element]);\n\n  return [ref, rect];\n}\n\nexport default isBrowser && typeof (window as any).ResizeObserver !== \"undefined\"\n  ? useMeasure\n  : ((() => [noop, defaultState]) as typeof useMeasure);\n"],"names":["isBrowser","noop","defaultState","useMeasure","element","ref","useState","rect","setRect","observer","useMemo","entries","x","y","width","height","top","left","bottom","right","useIsomorphicLayoutEffect","useMeasure$1"],"mappings":";;AAKA,MAAMA,IAAY,OAAO,SAAW,KAE9BC,IAAO,MAAM;AAAC,GASdC,IAA+B;AAAA,EACnC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,SAASC,IAA+D;AACtE,QAAM,CAACC,GAASC,CAAG,IAAIC,EAAmB,IAAI,GACxC,CAACC,GAAMC,CAAO,IAAIF,EAAyBJ,CAAY,GAEvDO,IAAWC;AAAA,IACf,MACE,IAAK,OAAe,eAAe,CAACC,MAAiB;AAC/C,UAAAA,EAAQ,CAAC,GAAG;AACd,cAAM,EAAE,GAAAC,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAM,IAAIR,EAAQ,CAAC,EAAE;AAC7D,QAAAH,EAAA,EAAE,GAAAI,GAAG,GAAAC,GAAG,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,CAAO;AAAA,MAC3D;AAAA,IAAA,CACD;AAAA,IACH,CAAC;AAAA,EAAA;AAGH,SAAAC,EAA0B,MAAM;AAC9B,QAAKhB;AACL,aAAAK,EAAS,QAAQL,CAAO,GACjB,MAAM;AACX,QAAAK,EAAS,WAAW;AAAA,MAAA;AAAA,EACtB,GACC,CAACL,CAAO,CAAC,GAEL,CAACC,GAAKE,CAAI;AACnB;AAEA,MAAAc,IAAerB,KAAa,OAAQ,OAAe,iBAAmB,MAClEG,IACE,MAAM,CAACF,GAAMC,CAAY;"}

package/dist/lyra106.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";

package/dist/lyra106.js

@@ -1,4 +1 @@
-const a = "";
-export {
-  a as default
-};
+

package/dist/lyra106.js.map

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

package/dist/lyra107.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";

package/dist/lyra107.js

@@ -1,4 +1 @@
-const t = "";
-export {
-  t as default
-};
+

package/dist/lyra107.js.map

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

package/dist/lyra108.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";

package/dist/lyra108.js

@@ -1,4 +1 @@
-const a = "";
-export {
-  a as default
-};
+

package/dist/lyra108.js.map

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

package/dist/lyra109.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";

package/dist/lyra109.js

@@ -1,4 +1 @@
-const a = "";
-export {
-  a as default
-};
+

package/dist/lyra109.js.map

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

package/dist/lyra11.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),m=require("react"),o=require("./lyra53.cjs"),R=require("./lyra100.cjs"),E=require("./lyra39.cjs"),c=require("./lyra43.cjs"),N=require("./lyra44.cjs"),l=require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra8.cjs");require("./lyra107.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra2.cjs");require("./lyra104.cjs");require("./lyra106.cjs");require("./lyra108.cjs");require("./lyra10.cjs");require("./lyra28.cjs");require("./lyra110.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra117.cjs");require("./lyra112.cjs");require("./lyra40.cjs");require("./lyra114.cjs");require("./lyra42.cjs");require("./lyra151.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const x=require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra118.cjs");require("./lyra25.cjs");require("./lyra27.cjs");const v=require("./lyra55.cjs"),q=m.forwardRef(({label:t,labelClassName:u,optionalLabel:s="Optional",isRequired:a,description:i,errorMessage:r,children:n,orientation:j="vertical",color:p,className:h,...y},f)=>e.jsxRuntimeExports.jsx(o.CheckboxGroup,{...y,ref:f,children:b=>e.jsxRuntimeExports.jsxs("div",{className:"lyra-input flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:R.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsx(o.Label,{className:x.sharedInputlabelStyles({className:u}),style:{fontFamily:"var(--input-label-font-family)"},children:t}):null,a===!1?e.jsxRuntimeExports.jsx("span",{className:x.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:s}):null]}),e.jsxRuntimeExports.jsx("div",{className:v.twMerge(l.checkboxGroupStyles({orientation:j,color:p,className:h})),children:typeof n=="function"?n(b):n}),i&&e.jsxRuntimeExports.jsx(c.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),r&&e.jsxRuntimeExports.jsx(c.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:r})]})}));q.displayName="CheckboxGroup";const d=m.forwardRef(({className:t,color:u,children:s,...a},i)=>e.jsxRuntimeExports.jsx(o.Checkbox,{className:l.checkboxWrapperStyles({className:t}),ref:i,...a,children:r=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:l.checkboxStyles({color:u,...r}),children:[r.isSelected&&!r.isIndeterminate&&e.jsxRuntimeExports.jsx(E.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),r.isIndeterminate&&r.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),s&&e.jsxRuntimeExports.jsx("div",{className:N.textStyles({variant:"body-medium",className:["leading-5",r.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof s=="function"?s(r):s})]})}));d.displayName="Checkbox";exports.Checkbox=d;exports.CheckboxGroup=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),m=require("react"),o=require("./lyra53.cjs"),R=require("./lyra55.cjs"),E=require("./lyra99.cjs"),N=require("./lyra39.cjs"),c=require("./lyra43.cjs"),v=require("./lyra44.cjs"),l=require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra26.cjs");require("./lyra16.cjs");require("./lyra8.cjs");require("./lyra115.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra2.cjs");require("./lyra103.cjs");require("./lyra117.cjs");require("./lyra109.cjs");require("./lyra10.cjs");require("./lyra28.cjs");require("./lyra108.cjs");require("./lyra30.cjs");require("./lyra32.cjs");require("./lyra128.cjs");require("./lyra106.cjs");require("./lyra40.cjs");require("./lyra116.cjs");require("./lyra42.cjs");require("./lyra144.cjs");require("./lyra49.cjs");require("./lyra58.cjs");require("./lyra51.cjs");const x=require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra129.cjs");require("./lyra25.cjs");require("./lyra27.cjs");const q=m.forwardRef(({children:s,className:u,color:n,description:t,errorMessage:i,isRequired:r,label:a,labelClassName:j,optionalLabel:p="Optional",orientation:h="vertical",...y},f)=>e.jsxRuntimeExports.jsx(o.CheckboxGroup,{...y,ref:f,children:b=>e.jsxRuntimeExports.jsxs("div",{className:"lyra-input flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:E.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsx(o.Label,{className:x.sharedInputlabelStyles({className:j}),style:{fontFamily:"var(--input-label-font-family)"},children:a}):null,r===!1?e.jsxRuntimeExports.jsx("span",{className:x.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:p}):null]}),e.jsxRuntimeExports.jsx("div",{className:R.twMerge(l.checkboxGroupStyles({orientation:h,color:n,className:u})),children:typeof s=="function"?s(b):s}),t&&e.jsxRuntimeExports.jsx(c.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:t}),i&&e.jsxRuntimeExports.jsx(c.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:i})]})}));q.displayName="CheckboxGroup";const d=m.forwardRef(({children:s,className:u,color:n,...t},i)=>e.jsxRuntimeExports.jsx(o.Checkbox,{className:l.checkboxWrapperStyles({className:u}),ref:i,...t,children:r=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:l.checkboxStyles({color:n,...r}),children:[r.isSelected&&!r.isIndeterminate&&e.jsxRuntimeExports.jsx(N.SvgIcon,{name:"checkmark",className:"h-5 w-5","aria-hidden":"true"}),r.isIndeterminate&&r.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"h-5 w-5",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsxRuntimeExports.jsx("rect",{x:"6",y:"9",width:"8",height:"2",fill:"currentColor"})})]}),s&&e.jsxRuntimeExports.jsx("div",{className:v.textStyles({variant:"body-medium",className:["leading-5",r.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof s=="function"?s(r):s})]})}));d.displayName="Checkbox";exports.Checkbox=d;exports.CheckboxGroup=q;

package/dist/lyra11.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Label,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    optionalLabel?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      optionalLabel = \"Optional\",\n      isRequired,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"lyra-input flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                </Label>\n              ) : null}\n              {isRequired === false ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {optionalLabel}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(checkboxGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  },\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<ElementRef<typeof AriaCheckbox>, CheckBoxProps>(\n  ({ className, color, children, ...props }, ref) => {\n    return (\n      <AriaCheckbox className={checkboxWrapperStyles({ className })} ref={ref} {...props}>\n        {(renderProps) => (\n          <>\n            <div className={checkboxStyles({ color, ...renderProps })}>\n              {renderProps.isSelected && !renderProps.isIndeterminate && (\n                <SvgIcon name=\"checkmark\" className=\"h-5 w-5\" aria-hidden=\"true\" />\n              )}\n              {renderProps.isIndeterminate && renderProps.isSelected && (\n                <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n                </svg>\n              )}\n            </div>\n            {children && (\n              <div\n                className={textStyles({\n                  variant: \"body-medium\",\n                  className: [\n                    \"leading-5\",\n                    renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                  ],\n                })}\n              >\n                {typeof children === \"function\" ? children(renderProps) : children}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","label","labelClassName","optionalLabel","isRequired","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"giCAgCaA,EAAgBC,EAAA,WAC3B,CACE,CACE,MAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,WAChB,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,mCACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BhB,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAY,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWjB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAD,CAAA,CAAA,EAED,KACHG,IAAe,GACdS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAjB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWkB,UAAQC,sBAAoB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,CAAW,CAAA,CAAC,EAC3E,SAAO,OAAAH,GAAa,WAAaA,EAASQ,CAAW,EAAIR,EAC5D,EACCF,GACEQ,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHlB,CAAA,CAAA,EAEDC,GACCO,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAP,EAAc,YAAc,gBAQrB,MAAMyB,EAAWxB,EAAA,WACtB,CAAC,CAAE,UAAAU,EAAW,MAAAD,EAAO,SAAAF,EAAU,GAAGI,GAASC,IAEtCC,EAAAA,kBAAAA,IAAAY,EAAAA,SAAA,CAAa,UAAWC,EAAA,sBAAsB,CAAE,UAAAhB,EAAW,EAAG,IAAAE,EAAW,GAAGD,EAC1E,SAACI,GAEEC,EAAAA,kBAAAA,KAAAW,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAnB,EAAO,GAAGM,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAU,UAAU,cAAY,MAAO,CAAA,EAElEd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,UAAU,QAAQ,YAAY,KAAK,OAAO,cAAY,OACnE,SAACA,EAAAA,kBAAAA,IAAA,OAAA,CAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAA,CAAe,CAC7D,CAAA,CAAA,EAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WAAaA,EAASQ,CAAW,EAAIR,CAAA,CAC5D,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAiB,EAAS,YAAc"}
+{"version":3,"file":"lyra11.cjs","sources":["../src/components/inputs/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import { ElementRef, forwardRef } from \"react\";\nimport {\n  Checkbox as AriaCheckbox,\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupProps as AriaCheckboxGroupProps,\n  CheckboxProps as AriaCheckBoxProps,\n  Label,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text, textStyles } from \"../../text\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nimport {\n  checkboxGroupStyles,\n  checkboxStyles,\n  checkboxWrapperStyles,\n} from \"./checkbox-group.styles\";\n\nexport type CheckboxGroupProps = AriaCheckboxGroupProps &\n  VariantProps<typeof checkboxGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    optionalLabel?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  (\n    {\n      children,\n      className,\n      color,\n      description,\n      errorMessage,\n      isRequired,\n      label,\n      labelClassName,\n      optionalLabel = \"Optional\",\n      orientation = \"vertical\",\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <AriaCheckboxGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"lyra-input flex flex-col gap-y-1\">\n            <div\n              className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                </Label>\n              ) : null}\n              {isRequired === false ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {optionalLabel}\n                </span>\n              ) : null}\n            </div>\n            <div className={twMerge(checkboxGroupStyles({ orientation, color, className }))}>\n              {typeof children === \"function\" ? children(renderProps) : children}\n            </div>\n            {description && (\n              <Text className=\"mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n          </div>\n        )}\n      </AriaCheckboxGroup>\n    );\n  },\n);\n\nCheckboxGroup.displayName = \"CheckboxGroup\";\n\ntype CheckboxVariantProps = VariantProps<typeof checkboxStyles>;\nexport type CheckBoxProps = AriaCheckBoxProps &\n  CheckboxVariantProps & {\n    className?: string;\n  };\n\nexport const Checkbox = forwardRef<ElementRef<typeof AriaCheckbox>, CheckBoxProps>(\n  ({ children, className, color, ...props }, ref) => {\n    return (\n      <AriaCheckbox className={checkboxWrapperStyles({ className })} ref={ref} {...props}>\n        {(renderProps) => (\n          <>\n            <div className={checkboxStyles({ color, ...renderProps })}>\n              {renderProps.isSelected && !renderProps.isIndeterminate && (\n                <SvgIcon name=\"checkmark\" className=\"h-5 w-5\" aria-hidden=\"true\" />\n              )}\n              {renderProps.isIndeterminate && renderProps.isSelected && (\n                <svg className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n                  <rect x=\"6\" y=\"9\" width=\"8\" height=\"2\" fill=\"currentColor\" />\n                </svg>\n              )}\n            </div>\n            {children && (\n              <div\n                className={textStyles({\n                  variant: \"body-medium\",\n                  className: [\n                    \"leading-5\",\n                    renderProps.isDisabled ? \"cursor-not-allowed opacity-50\" : \"\",\n                  ],\n                })}\n              >\n                {typeof children === \"function\" ? children(renderProps) : children}\n              </div>\n            )}\n          </>\n        )}\n      </AriaCheckbox>\n    );\n  },\n);\n\nCheckbox.displayName = \"Checkbox\";\n"],"names":["CheckboxGroup","forwardRef","children","className","color","description","errorMessage","isRequired","label","labelClassName","optionalLabel","orientation","props","ref","jsx","AriaCheckboxGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","checkboxGroupStyles","Text","Checkbox","AriaCheckbox","checkboxWrapperStyles","Fragment","checkboxStyles","SvgIcon","textStyles"],"mappings":"yhCAgCO,MAAMA,EAAgBC,EAAA,WAC3B,CACE,CACE,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,WAAAC,EACA,MAAAC,EACA,eAAAC,EACA,cAAAC,EAAgB,WAChB,YAAAC,EAAc,WACd,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAmB,cAAA,CAAA,GAAGH,EAAO,IAAAC,EAC3B,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,mCACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,0BAA2BV,EAAQ,kBAAoB,aAAa,EAEjF,SAAA,CACCA,EAAAM,EAAA,kBAAA,IAACK,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWX,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAAD,CAAA,CAAA,EAED,KACHD,IAAe,GACdO,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAX,CAAA,CAAA,EAED,IAAA,CAAA,CACN,0BACC,MAAI,CAAA,UAAWY,UAAQC,sBAAoB,CAAE,YAAAZ,EAAa,MAAAP,EAAO,UAAAD,CAAW,CAAA,CAAC,EAC3E,SAAO,OAAAD,GAAa,WAAaA,EAASc,CAAW,EAAId,EAC5D,EACCG,GACES,EAAAA,kBAAAA,IAAAU,EAAAA,KAAA,CAAK,UAAU,SAAS,QAAQ,aAAa,MAAM,YAAY,KAAK,cAClE,SACHnB,CAAA,CAAA,EAEDC,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAlB,CAAA,CACH,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAN,EAAc,YAAc,gBAQrB,MAAMyB,EAAWxB,EAAA,WACtB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAO,GAAGQ,GAASC,IAEtCC,EAAAA,kBAAAA,IAAAY,EAAAA,SAAA,CAAa,UAAWC,EAAA,sBAAsB,CAAE,UAAAxB,EAAW,EAAG,IAAAU,EAAW,GAAGD,EAC1E,SAACI,GAEEC,EAAAA,kBAAAA,KAAAW,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACX,yBAAA,MAAA,CAAI,UAAWY,EAAe,eAAA,CAAE,MAAAzB,EAAO,GAAGY,EAAa,EACrD,SAAA,CAAYA,EAAA,YAAc,CAACA,EAAY,iBACtCF,EAAA,kBAAA,IAACgB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAU,UAAU,cAAY,MAAO,CAAA,EAElEd,EAAY,iBAAmBA,EAAY,YAC1CF,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,UAAU,QAAQ,YAAY,KAAK,OAAO,cAAY,OACnE,SAACA,EAAAA,kBAAAA,IAAA,OAAA,CAAK,EAAE,IAAI,EAAE,IAAI,MAAM,IAAI,OAAO,IAAI,KAAK,cAAA,CAAe,CAC7D,CAAA,CAAA,EAEJ,EACCZ,GACCY,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWiB,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAf,EAAY,WAAa,gCAAkC,EAC7D,CAAA,CACD,EAEA,SAAO,OAAAd,GAAa,WAAaA,EAASc,CAAW,EAAId,CAAA,CAC5D,CAAA,CAEJ,CAAA,CAEJ,CAAA,CAGN,EAEAuB,EAAS,YAAc"}

package/dist/lyra11.js

@@ -1,107 +1,107 @@
 import { j as t } from "./lyra54.js";
 import { forwardRef as c } from "react";
 import { CheckboxGroup as y, Label as b, Checkbox as u } from "./lyra53.js";
-import { cx as j } from "./lyra100.js";
-import { SvgIcon as N } from "./lyra39.js";
+import { twMerge as j } from "./lyra55.js";
+import { cx as N } from "./lyra99.js";
+import { SvgIcon as v } from "./lyra39.js";
 import { Text as l } from "./lyra43.js";
-import { textStyles as v } from "./lyra44.js";
-import { checkboxGroupStyles as k, checkboxWrapperStyles as g, checkboxStyles as S } from "./lyra12.js";
+import { textStyles as k } from "./lyra44.js";
+import { checkboxGroupStyles as g, checkboxWrapperStyles as S, checkboxStyles as $ } from "./lyra12.js";
 import "./lyra13.js";
 import "./lyra26.js";
 import "./lyra16.js";
 import "./lyra8.js";
-import "./lyra107.js";
+import "./lyra115.js";
 import "./lyra18.js";
 import "./lyra19.js";
 import "./lyra2.js";
-import "./lyra104.js";
-import "./lyra106.js";
-import "./lyra108.js";
+import "./lyra103.js";
+import "./lyra117.js";
+import "./lyra109.js";
 import "./lyra10.js";
 import "./lyra28.js";
-import "./lyra110.js";
+import "./lyra108.js";
 import "./lyra30.js";
 import "./lyra32.js";
-import "./lyra117.js";
-import "./lyra112.js";
+import "./lyra128.js";
+import "./lyra106.js";
 import "./lyra40.js";
-import "./lyra114.js";
+import "./lyra116.js";
 import "./lyra42.js";
-import "./lyra151.js";
+import "./lyra144.js";
 import "./lyra49.js";
 import "./lyra58.js";
 import "./lyra51.js";
-import { sharedInputlabelStyles as $, sharedInputHintStyles as w } from "./lyra22.js";
+import { sharedInputlabelStyles as w, sharedInputHintStyles as C } from "./lyra22.js";
 import "./lyra23.js";
-import "./lyra118.js";
+import "./lyra129.js";
 import "./lyra25.js";
 import "./lyra27.js";
-import { twMerge as C } from "./lyra55.js";
 const I = c(
   ({
-    label: o,
-    labelClassName: a,
-    optionalLabel: e = "Optional",
-    isRequired: m,
-    description: r,
-    errorMessage: i,
-    children: s,
-    orientation: p = "vertical",
-    color: n,
-    className: d,
+    children: e,
+    className: a,
+    color: m,
+    description: o,
+    errorMessage: r,
+    isRequired: i,
+    label: s,
+    labelClassName: p,
+    optionalLabel: n = "Optional",
+    orientation: d = "vertical",
     ...x
   }, f) => /* @__PURE__ */ t.jsx(y, { ...x, ref: f, children: (h) => /* @__PURE__ */ t.jsxs("div", { className: "lyra-input flex flex-col gap-y-1", children: [
     /* @__PURE__ */ t.jsxs(
       "div",
       {
-        className: j("flex items-center gap-3", o ? "justify-between" : "justify-end"),
+        className: N("flex items-center gap-3", s ? "justify-between" : "justify-end"),
         children: [
-          o ? /* @__PURE__ */ t.jsx(
+          s ? /* @__PURE__ */ t.jsx(
             b,
             {
-              className: $({
-                className: a
+              className: w({
+                className: p
               }),
               style: { fontFamily: "var(--input-label-font-family)" },
-              children: o
+              children: s
             }
           ) : null,
-          m === !1 ? /* @__PURE__ */ t.jsx(
+          i === !1 ? /* @__PURE__ */ t.jsx(
             "span",
             {
-              className: w(),
+              className: C(),
               style: { fontFamily: "var(--input-hint-font-family)" },
-              children: e
+              children: n
             }
           ) : null
         ]
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: C(k({ orientation: p, color: n, className: d })), children: typeof s == "function" ? s(h) : s }),
-    r && /* @__PURE__ */ t.jsx(l, { className: "mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: r }),
-    i && /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: j(g({ orientation: d, color: m, className: a })), children: typeof e == "function" ? e(h) : e }),
+    o && /* @__PURE__ */ t.jsx(l, { className: "mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: o }),
+    r && /* @__PURE__ */ t.jsx(
       l,
       {
         className: "mt-1.5",
         variant: "body-small",
         color: "accent-danger",
         slot: "errorMessage",
-        children: i
+        children: r
       }
     )
   ] }) })
 );
 I.displayName = "CheckboxGroup";
 const G = c(
-  ({ className: o, color: a, children: e, ...m }, r) => /* @__PURE__ */ t.jsx(u, { className: g({ className: o }), ref: r, ...m, children: (i) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: S({ color: a, ...i }), children: [
-      i.isSelected && !i.isIndeterminate && /* @__PURE__ */ t.jsx(N, { name: "checkmark", className: "h-5 w-5", "aria-hidden": "true" }),
+  ({ children: e, className: a, color: m, ...o }, r) => /* @__PURE__ */ t.jsx(u, { className: S({ className: a }), ref: r, ...o, children: (i) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+    /* @__PURE__ */ t.jsxs("div", { className: $({ color: m, ...i }), children: [
+      i.isSelected && !i.isIndeterminate && /* @__PURE__ */ t.jsx(v, { name: "checkmark", className: "h-5 w-5", "aria-hidden": "true" }),
       i.isIndeterminate && i.isSelected && /* @__PURE__ */ t.jsx("svg", { className: "h-5 w-5", viewBox: "0 0 20 20", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ t.jsx("rect", { x: "6", y: "9", width: "8", height: "2", fill: "currentColor" }) })
     ] }),
     e && /* @__PURE__ */ t.jsx(
       "div",
       {
-        className: v({
+        className: k({
           variant: "body-medium",
           className: [
             "leading-5",