@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra169.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra169.cjs","sources":["../node_modules/framer-motion/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if (!this.projection && ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n"],"names":["featureNames","featureDefinitions","numFeatures","propEventHandlers","numVariantProps","variantProps","VisualElement","parent","props","presenceContext","reducedMotionConfig","visualState","options","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","isWillChangeMotionValue","_props","_prevProps","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","valueIsTransform","transformProps","removeOnChange","latestValue","removeOnRenderRequest","other","children","renderedProps","isStrict","preloadedFeatures","initialLayoutGroupConfig","ProjectionNodeConstructor","MeasureLayout","strictMessage","warning","invariant","i","name","isEnabled","FeatureConstructor","ProjectionNode","MeasureLayoutComponent","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","isRefObject","feature","createBox","target","canMutate","listener","updateMotionValuesFromProps","startAtParent","context","prop","isVariantLabel","child","closestVariantNode","unsubscribe","defaultValue","motionValue","_a","initial","valueFromInitial","resolveVariantFromProps","eventName","callback","SubscriptionManager","args"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra169.cjs","sources":["../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n"],"names":["LayoutGroupContext","createContext"],"mappings":"yGAEMA,EAAqBC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra169.js

@@ -1,261 +1,5 @@
-import { warning as b, invariant as S } from "./lyra147.js";
-import { createBox as P } from "./lyra170.js";
-import { isRefObject as T } from "./lyra171.js";
-import { initPrefersReducedMotion as F } from "./lyra172.js";
-import { hasReducedMotionListener as y, prefersReducedMotion as R } from "./lyra173.js";
-import { SubscriptionManager as j } from "./lyra174.js";
-import { motionValue as w } from "./lyra175.js";
-import { isWillChangeMotionValue as N } from "./lyra176.js";
-import { isMotionValue as c } from "./lyra150.js";
-import { transformProps as E } from "./lyra177.js";
-import { isControllingVariants as x, isVariantNode as B } from "./lyra178.js";
-import { isVariantLabel as L } from "./lyra179.js";
-import { updateMotionValuesFromProps as I } from "./lyra180.js";
-import { resolveVariantFromProps as O } from "./lyra181.js";
-import { warnOnce as A } from "./lyra182.js";
-import { featureDefinitions as g } from "./lyra183.js";
-import { variantProps as M } from "./lyra184.js";
-import { visualElementStore as f } from "./lyra185.js";
-import { frame as m, cancelFrame as V } from "./lyra186.js";
-const C = Object.keys(g), U = C.length, v = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-], _ = M.length;
-class ot {
-  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, visualState: r }, u = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.scheduleRender = () => m.render(this.render, !1, !0);
-    const { latestValues: h, renderState: n } = r;
-    this.latestValues = h, this.baseTarget = { ...h }, this.initialValues = e.initial ? { ...h } : {}, this.renderState = n, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.options = u, this.isControllingVariants = x(e), this.isVariantNode = B(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: o, ...p } = this.scrapeMotionValuesFromProps(e, {});
-    for (const a in p) {
-      const l = p[a];
-      h[a] !== void 0 && c(l) && (l.set(h[a], !1), N(o) && o.add(a));
-    }
-  }
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(t, e) {
-    return {};
-  }
-  mount(t) {
-    this.current = t, f.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), y.current || F(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : R.current, process.env.NODE_ENV !== "production" && A(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
-  }
-  unmount() {
-    f.delete(this.current), this.projection && this.projection.unmount(), V(this.notifyUpdate), V(this.render), this.valueSubscriptions.forEach((t) => t()), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features)
-      this.features[t].unmount();
-    this.current = null;
-  }
-  bindToMotionValue(t, e) {
-    const i = E.has(t), s = e.on("change", (u) => {
-      this.latestValues[t] = u, this.props.onUpdate && m.update(this.notifyUpdate, !1, !0), i && this.projection && (this.projection.isTransformDirty = !0);
-    }), r = e.on("renderRequest", this.scheduleRender);
-    this.valueSubscriptions.set(t, () => {
-      s(), r();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  loadFeatures({ children: t, ...e }, i, s, r) {
-    let u, h;
-    if (process.env.NODE_ENV !== "production" && s && i) {
-      const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-      e.ignoreStrict ? b(!1, n) : S(!1, n);
-    }
-    for (let n = 0; n < U; n++) {
-      const o = C[n], { isEnabled: p, Feature: a, ProjectionNode: l, MeasureLayout: d } = g[o];
-      l && (u = l), p(e) && (!this.features[o] && a && (this.features[o] = new a(this)), d && (h = d));
-    }
-    if (!this.projection && u) {
-      this.projection = new u(this.latestValues, this.parent && this.parent.projection);
-      const { layoutId: n, layout: o, drag: p, dragConstraints: a, layoutScroll: l, layoutRoot: d } = e;
-      this.projection.setOptions({
-        layoutId: n,
-        layout: o,
-        alwaysMeasureLayout: !!p || a && T(a),
-        visualElement: this,
-        scheduleRender: () => this.scheduleRender(),
-        /**
-         * TODO: Update options in an effect. This could be tricky as it'll be too late
-         * to update by the time layout animations run.
-         * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-         * ensuring it gets called if there's no potential layout animations.
-         *
-         */
-        animationType: typeof o == "string" ? o : "both",
-        initialPromotionConfig: r,
-        layoutScroll: l,
-        layoutRoot: d
-      });
-    }
-    return h;
-  }
-  updateFeatures() {
-    for (const t in this.features) {
-      const e = this.features[t];
-      e.isMounted ? e.update() : (e.mount(), e.isMounted = !0);
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.options, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, e) {
-    this.latestValues[t] = e;
-  }
-  /**
-   * Make a target animatable by Popmotion. For instance, if we're
-   * trying to animate width from 100px to 100vw we need to measure 100vw
-   * in pixels to determine what we really need to animate to. This is also
-   * pluggable to support Framer's custom value types like Color,
-   * and CSS variables.
-   */
-  makeTargetAnimatable(t, e = !0) {
-    return this.makeTargetAnimatableFromInstance(t, this.props, e);
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, e) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
-    for (let i = 0; i < v.length; i++) {
-      const s = v[i];
-      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
-      const r = t["on" + s];
-      r && (this.propEventSubscriptions[s] = this.on(s, r));
-    }
-    this.prevMotionValues = I(this, this.scrapeMotionValuesFromProps(t, this.prevProps), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  getVariantContext(t = !1) {
-    if (t)
-      return this.parent ? this.parent.getVariantContext() : void 0;
-    if (!this.isControllingVariants) {
-      const i = this.parent ? this.parent.getVariantContext() || {} : {};
-      return this.props.initial !== void 0 && (i.initial = this.props.initial), i;
-    }
-    const e = {};
-    for (let i = 0; i < _; i++) {
-      const s = M[i], r = this.props[s];
-      (L(r) || r === !1) && (e[s] = r);
-    }
-    return e;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const e = this.getClosestVariantNode();
-    if (e)
-      return e.variantChildren && e.variantChildren.add(t), () => e.variantChildren.delete(t);
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, e) {
-    e !== this.values.get(t) && (this.removeValue(t), this.bindToMotionValue(t, e)), this.values.set(t, e), this.latestValues[t] = e.get();
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const e = this.valueSubscriptions.get(t);
-    e && (e(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, e) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let i = this.values.get(t);
-    return i === void 0 && e !== void 0 && (i = w(e, { owner: this }), this.addValue(t, i)), i;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t) {
-    var e;
-    return this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (e = this.getBaseTargetFromProps(this.props, t)) !== null && e !== void 0 ? e : this.readValueFromInstance(this.current, t, this.options);
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(t, e) {
-    this.baseTarget[t] = e;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(t) {
-    var e;
-    const { initial: i } = this.props, s = typeof i == "string" || typeof i == "object" ? (e = O(this.props, i)) === null || e === void 0 ? void 0 : e[t] : void 0;
-    if (i && s !== void 0)
-      return s;
-    const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !c(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
-  }
-  on(t, e) {
-    return this.events[t] || (this.events[t] = new j()), this.events[t].add(e);
-  }
-  notify(t, ...e) {
-    this.events[t] && this.events[t].notify(...e);
-  }
-}
+import { createContext as t } from "react";
+const e = t({});
 export {
-  ot as VisualElement
+  e as LayoutGroupContext
 };

package/dist/lyra169.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra169.js","sources":["../node_modules/framer-motion/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warning, invariant } from '../utils/errors.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { isRefObject } from '../utils/is-ref-object.mjs';\nimport { initPrefersReducedMotion } from '../utils/reduced-motion/index.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from '../utils/reduced-motion/state.mjs';\nimport { SubscriptionManager } from '../utils/subscription-manager.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { isWillChangeMotionValue } from '../value/use-will-change/is.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { transformProps } from './html/utils/transform.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { isVariantLabel } from './utils/is-variant-label.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { warnOnce } from '../utils/warn-once.mjs';\nimport { featureDefinitions } from '../motion/features/definitions.mjs';\nimport { variantProps } from './utils/variant-props.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst featureNames = Object.keys(featureDefinitions);\nconst numFeatures = featureNames.length;\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\nconst numVariantProps = variantProps.length;\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    constructor({ parent, props, presenceContext, reducedMotionConfig, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.scheduleRender = () => frame.render(this.render, false, true);\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.options = options;\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't neccessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {});\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key], false);\n                if (isWillChangeMotionValue(willChange)) {\n                    willChange.add(key);\n                }\n            }\n        }\n    }\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps) {\n        return {};\n    }\n    mount(instance) {\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        if (!hasReducedMotionListener.current) {\n            initPrefersReducedMotion();\n        }\n        this.shouldReduceMotion =\n            this.reducedMotionConfig === \"never\"\n                ? false\n                : this.reducedMotionConfig === \"always\"\n                    ? true\n                    : prefersReducedMotion.current;\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\");\n        }\n        if (this.parent)\n            this.parent.children.add(this);\n        this.update(this.props, this.presenceContext);\n    }\n    unmount() {\n        visualElementStore.delete(this.current);\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent && this.parent.children.delete(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            this.features[key].unmount();\n        }\n        this.current = null;\n    }\n    bindToMotionValue(key, value) {\n        const valueIsTransform = transformProps.has(key);\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate &&\n                frame.update(this.notifyUpdate, false, true);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n        });\n        const removeOnRenderRequest = value.on(\"renderRequest\", this.scheduleRender);\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            removeOnRenderRequest();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    loadFeatures({ children, ...renderedProps }, isStrict, preloadedFeatures, initialLayoutGroupConfig) {\n        let ProjectionNodeConstructor;\n        let MeasureLayout;\n        /**\n         * If we're in development mode, check to make sure we're not rendering a motion component\n         * as a child of LazyMotion, as this will break the file-size benefits of using it.\n         */\n        if (process.env.NODE_ENV !== \"production\" &&\n            preloadedFeatures &&\n            isStrict) {\n            const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n            renderedProps.ignoreStrict\n                ? warning(false, strictMessage)\n                : invariant(false, strictMessage);\n        }\n        for (let i = 0; i < numFeatures; i++) {\n            const name = featureNames[i];\n            const { isEnabled, Feature: FeatureConstructor, ProjectionNode, MeasureLayout: MeasureLayoutComponent, } = featureDefinitions[name];\n            if (ProjectionNode)\n                ProjectionNodeConstructor = ProjectionNode;\n            if (isEnabled(renderedProps)) {\n                if (!this.features[name] && FeatureConstructor) {\n                    this.features[name] = new FeatureConstructor(this);\n                }\n                if (MeasureLayoutComponent) {\n                    MeasureLayout = MeasureLayoutComponent;\n                }\n            }\n        }\n        if (!this.projection && ProjectionNodeConstructor) {\n            this.projection = new ProjectionNodeConstructor(this.latestValues, this.parent && this.parent.projection);\n            const { layoutId, layout, drag, dragConstraints, layoutScroll, layoutRoot, } = renderedProps;\n            this.projection.setOptions({\n                layoutId,\n                layout,\n                alwaysMeasureLayout: Boolean(drag) ||\n                    (dragConstraints && isRefObject(dragConstraints)),\n                visualElement: this,\n                scheduleRender: () => this.scheduleRender(),\n                /**\n                 * TODO: Update options in an effect. This could be tricky as it'll be too late\n                 * to update by the time layout animations run.\n                 * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,\n                 * ensuring it gets called if there's no potential layout animations.\n                 *\n                 */\n                animationType: typeof layout === \"string\" ? layout : \"both\",\n                initialPromotionConfig: initialLayoutGroupConfig,\n                layoutScroll,\n                layoutRoot,\n            });\n        }\n        return MeasureLayout;\n    }\n    updateFeatures() {\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature.isMounted) {\n                feature.update();\n            }\n            else {\n                feature.mount();\n                feature.isMounted = true;\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.options, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Make a target animatable by Popmotion. For instance, if we're\n     * trying to animate width from 100px to 100vw we need to measure 100vw\n     * in pixels to determine what we really need to animate to. This is also\n     * pluggable to support Framer's custom value types like Color,\n     * and CSS variables.\n     */\n    makeTargetAnimatable(target, canMutate = true) {\n        return this.makeTargetAnimatableFromInstance(target, this.props, canMutate);\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listener = props[\"on\" + key];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    getVariantContext(startAtParent = false) {\n        if (startAtParent) {\n            return this.parent ? this.parent.getVariantContext() : undefined;\n        }\n        if (!this.isControllingVariants) {\n            const context = this.parent\n                ? this.parent.getVariantContext() || {}\n                : {};\n            if (this.props.initial !== undefined) {\n                context.initial = this.props.initial;\n            }\n            return context;\n        }\n        const context = {};\n        for (let i = 0; i < numVariantProps; i++) {\n            const name = variantProps[i];\n            const prop = this.props[name];\n            if (isVariantLabel(prop) || prop === false) {\n                context[name] = prop;\n            }\n        }\n        return context;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        if (value !== this.values.get(key)) {\n            this.removeValue(key);\n            this.bindToMotionValue(key, value);\n        }\n        this.values.set(key, value);\n        this.latestValues[key] = value.get();\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key) {\n        var _a;\n        return this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : (_a = this.getBaseTargetFromProps(this.props, key)) !== null && _a !== void 0 ? _a : this.readValueFromInstance(this.current, key, this.options);\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        var _a;\n        const { initial } = this.props;\n        const valueFromInitial = typeof initial === \"string\" || typeof initial === \"object\"\n            ? (_a = resolveVariantFromProps(this.props, initial)) === null || _a === void 0 ? void 0 : _a[key]\n            : undefined;\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n}\n\nexport { VisualElement };\n"],"names":["featureNames","featureDefinitions","numFeatures","propEventHandlers","numVariantProps","variantProps","VisualElement","parent","props","presenceContext","reducedMotionConfig","visualState","options","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","isWillChangeMotionValue","_props","_prevProps","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","valueIsTransform","transformProps","removeOnChange","latestValue","removeOnRenderRequest","other","children","renderedProps","isStrict","preloadedFeatures","initialLayoutGroupConfig","ProjectionNodeConstructor","MeasureLayout","strictMessage","warning","invariant","i","name","isEnabled","FeatureConstructor","ProjectionNode","MeasureLayoutComponent","layoutId","layout","drag","dragConstraints","layoutScroll","layoutRoot","isRefObject","feature","createBox","target","canMutate","listener","updateMotionValuesFromProps","startAtParent","context","prop","isVariantLabel","child","closestVariantNode","unsubscribe","defaultValue","motionValue","_a","initial","valueFromInitial","resolveVariantFromProps","eventName","callback","SubscriptionManager","args"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra169.js","sources":["../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n"],"names":["LayoutGroupContext","createContext"],"mappings":";AAEK,MAACA,IAAqBC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra44.cjs"),v=require("react"),s=require("./lyra43.cjs");require("./lyra2.cjs");const m=require("./lyra50.cjs");require("./lyra55.cjs");const o=require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra8.cjs");require("./lyra57.cjs");require("./lyra10.cjs");require("./lyra124.cjs");require("./lyra21.cjs");const S=require("./lyra33.cjs");require("./lyra14.cjs");require("./lyra16.cjs");const n=require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra123.cjs");require("./lyra22.cjs");const g=require("./lyra23.cjs");require("./lyra58.cjs");const N=require("./lyra25.cjs");require("./lyra27.cjs");require("./lyra126.cjs");require("./lyra64.cjs");require("./lyra66.cjs");const f=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const d=require("./lyra45.cjs");function w({label:r,hint:a,size:i="medium",fullWidth:l,validationState:j,isRequired:q,description:c,errorMessage:x,...t},u){[t,u]=s.useContextProps(t,u,s.SelectContext);const p=f.useIsMobileDevice();return e.jsxRuntimeExports.jsx(s.Select,{...t,ref:u,className:d.twMerge(n.sharedInputFieldWrapperStyles({fullWidth:l})),children:h=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:m.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(s.Label,{className:n.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,q&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,a?e.jsxRuntimeExports.jsx("span",{className:n.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:a}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(s.Button,{className:({isDisabled:y,isFocusVisible:R,isHovered:E})=>d.twMerge(n.sharedInputFieldStyles({isDisabled:y,isHovered:E,isFocused:R,fullWidth:l,size:i,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(s.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:m.cx(i==="large"&&"h-5 w-5",i==="medium"&&"h-4 w-4",i==="small"&&"h-3 w-3",h.isOpen?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(o.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),x&&e.jsxRuntimeExports.jsx(o.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:x}),e.jsxRuntimeExports.jsxs(N.Popover,{showPopoverInBottomDrawerOnSmallScreens:!0,children:[p&&r&&e.jsxRuntimeExports.jsx("div",{className:"p-4 pb-2",children:e.jsxRuntimeExports.jsx(o.Text,{variant:"body-medium",children:r})}),e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${t.name}`,selectionMode:"single",children:t.children})]})]})})}const b=v.forwardRef(w);exports.Select=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),c=require("react"),o=require("./lyra52.cjs"),x=require("./lyra42.cjs"),f=require("./lyra43.cjs"),v=require("./lyra62.cjs"),d=require("./lyra158.cjs");require("./lyra11.cjs");require("./lyra147.cjs");require("./lyra24.cjs");require("./lyra15.cjs");require("./lyra8.cjs");require("./lyra72.cjs");require("./lyra18.cjs");const u=require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra148.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra25.cjs");require("./lyra26.cjs");const m=require("./lyra54.cjs"),E=c.forwardRef(({label:t,labelClassName:i,hint:r,description:a,errorMessage:s,children:l,orientation:j="vertical",color:p,className:y,...R},q)=>e.jsxRuntimeExports.jsx(o.RadioGroup,{...R,ref:q,children:n=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1",children:[e.jsxRuntimeExports.jsxs("div",{className:v.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(o.Label,{className:u.sharedInputlabelStyles({className:i}),style:{fontFamily:"var(--input-label-font-family)"},children:[t,n.isRequired&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,r?e.jsxRuntimeExports.jsx("span",{className:u.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:r}):null]}),e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioGroupStyles({orientation:j,color:p,className:y})),children:typeof l=="function"?l(n):l}),a&&e.jsxRuntimeExports.jsx(x.Text,{className:"mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),s&&e.jsxRuntimeExports.jsx(x.Text,{className:"mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:s})]})})),g=c.forwardRef(({className:t,children:i,...r},a)=>e.jsxRuntimeExports.jsx(o.Radio,{...r,ref:a,children:s=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-start gap-x-[--radio-gap-x]",children:[e.jsxRuntimeExports.jsx("div",{className:m.twMerge(d.radioStyles({className:t,isDisabled:s.isDisabled,isSelected:s.isSelected,isFocusVisible:s.isFocusVisible,isHovered:s.isHovered,isPressed:s.isPressed})),children:s.isSelected&&e.jsxRuntimeExports.jsx("svg",{className:"w-[--radio-size]",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsxRuntimeExports.jsx("circle",{cx:"10",cy:"10",r:"4",fill:"currentColor"})})}),i&&e.jsxRuntimeExports.jsx("div",{className:f.textStyles({variant:"body-medium",className:["leading-5",s.isDisabled?"cursor-not-allowed opacity-50":""]}),children:typeof i=="function"?i(s):i})]})})}));exports.Radio=g;exports.RadioGroup=E;

package/dist/lyra17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra17.cjs","sources":["../src/components/inputs/select/select.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode, Ref } from \"react\";\nimport {\n  Button as AriaButton,\n  Label,\n  Select as AriaSelect,\n  SelectContext,\n  SelectProps as AriaSelectProps,\n  SelectValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { useIsMobileDevice } from \"../../..\";\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { ListBox } from \"../../list-box\";\nimport { Popover } from \"../../overlays/popover\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n} from \"..\";\n\nexport type SelectProps<T extends object> = Omit<AriaSelectProps<T>, \"children\"> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    hint?: string;\n    description?: string;\n    errorMessage?: string;\n    children: ReactNode | ((item: T) => ReactNode);\n  };\n\nfunction _Select<T extends object>(\n  {\n    label,\n    hint,\n    size = \"medium\",\n    fullWidth,\n    validationState,\n    isRequired,\n    description,\n    errorMessage,\n    ...props\n  }: SelectProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  [props, ref] = useContextProps(props, ref, SelectContext);\n\n  const isMobileDevice = useIsMobileDevice();\n\n  return (\n    <AriaSelect\n      {...props}\n      ref={ref}\n      className={twMerge(sharedInputFieldWrapperStyles({ fullWidth }))}\n    >\n      {(state) => {\n        return (\n          <>\n            <div\n              className={cx(\n                \"mx-1 flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\",\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles()}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <AriaButton\n                className={({ isDisabled, isFocusVisible, isHovered }) =>\n                  twMerge(\n                    sharedInputFieldStyles({\n                      isDisabled,\n                      isHovered,\n                      isFocused: isFocusVisible,\n                      fullWidth,\n                      size,\n                      validationState,\n                      className: \"w-full items-center justify-between gap-3\",\n                    }),\n                  )\n                }\n              >\n                <SelectValue className=\"select-none truncate\" />\n                <SvgIcon\n                  name=\"chevron-down\"\n                  aria-hidden=\"true\"\n                  className={cx(\n                    size === \"large\" && \"h-5 w-5\",\n                    size === \"medium\" && \"h-4 w-4\",\n                    size === \"small\" && \"h-3 w-3\",\n                    state.isOpen ? \"rotate-180\" : \"rotate-0\",\n                    \"transition duration-200 ease-out\",\n                  )}\n                />\n              </AriaButton>\n            </div>\n            {description && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\n                {description}\n              </Text>\n            )}\n            {errorMessage && (\n              <Text\n                className=\"ms-1 mt-1.5\"\n                variant=\"body-small\"\n                color=\"accent-danger\"\n                slot=\"errorMessage\"\n              >\n                {errorMessage}\n              </Text>\n            )}\n            <Popover showPopoverInBottomDrawerOnSmallScreens>\n              {isMobileDevice && label && (\n                <div className=\"p-4 pb-2\">\n                  <Text variant=\"body-medium\">{label}</Text>\n                </div>\n              )}\n              <ListBox\n                className=\"outline-none\"\n                aria-label={label ?? `options on select ${props.name}`}\n                selectionMode=\"single\"\n              >\n                {props.children}\n              </ListBox>\n            </Popover>\n          </>\n        );\n      }}\n    </AriaSelect>\n  );\n}\n\nexport const Select = forwardRef(_Select) as <T extends object>(\n  props: SelectProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof _Select>;\n"],"names":["_Select","label","hint","size","fullWidth","validationState","isRequired","description","errorMessage","props","ref","useContextProps","SelectContext","isMobileDevice","useIsMobileDevice","jsx","AriaSelect","twMerge","sharedInputFieldWrapperStyles","state","jsxs","Fragment","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","AriaButton","isDisabled","isFocusVisible","isHovered","sharedInputFieldStyles","SelectValue","SvgIcon","Text","Popover","ListBox","Select","forwardRef"],"mappings":"86BAoCA,SAASA,EACP,CACE,MAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,SACP,UAAAC,EACA,gBAAAC,EACA,WAAAC,EACA,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EACAC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EAExD,MAAMC,EAAiBC,EAAAA,oBAGrB,OAAAC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGP,EACJ,IAAAC,EACA,UAAWO,EAAAA,QAAQC,EAAAA,8BAA8B,CAAE,UAAAd,CAAW,CAAA,CAAC,EAE9D,SAACe,GAGIC,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAD,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWE,EAAA,GACT,+BACArB,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAmB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAvB,EACAK,GAAcS,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHb,EACCa,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWU,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAvB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAa,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAU,0BACb,SAAAK,EAAA,kBAAA,KAACM,EAAA,OAAA,CACC,UAAW,CAAC,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,CACxC,IAAAZ,EAAA,QACEa,yBAAuB,CACrB,WAAAH,EACA,UAAAE,EACA,UAAWD,EACX,UAAAxB,EACA,KAAAD,EACA,gBAAAE,EACA,UAAW,2CAAA,CACZ,CACH,EAGF,SAAA,CAACU,EAAAA,kBAAAA,IAAAgB,EAAA,YAAA,CAAY,UAAU,sBAAuB,CAAA,EAC9ChB,EAAA,kBAAA,IAACiB,EAAA,QAAA,CACC,KAAK,eACL,cAAY,OACZ,UAAWV,EAAA,GACTnB,IAAS,SAAW,UACpBA,IAAS,UAAY,UACrBA,IAAS,SAAW,UACpBgB,EAAM,OAAS,aAAe,WAC9B,kCACF,CAAA,CACF,CAAA,CAAA,CAAA,EAEJ,EACCZ,GACCQ,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAA1B,CAAA,CACH,EAEDC,GACCO,EAAA,kBAAA,IAACkB,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAzB,CAAA,CACH,EAEFY,EAAAA,kBAAAA,KAACc,EAAAA,QAAQ,CAAA,wCAAuC,GAC7C,SAAA,CAAkBrB,GAAAZ,GAChBc,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WACb,iCAACkB,EAAK,KAAA,CAAA,QAAQ,cAAe,SAAAhC,CAAM,CAAA,EACrC,EAEFc,EAAA,kBAAA,IAACoB,EAAA,QAAA,CACC,UAAU,eACV,aAAYlC,GAAS,qBAAqBQ,EAAM,IAAI,GACpD,cAAc,SAEb,SAAMA,EAAA,QAAA,CACT,CAAA,EACF,CACF,CAAA,CAAA,CAEJ,CAAA,CAGN,CAEa,MAAA2B,EAASC,aAAWrC,CAAO"}
+{"version":3,"file":"lyra17.cjs","sources":["../src/components/inputs/radio-group/radio-group.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupProps as AriaRadioGroupProps,\n  Radio as AriaRadio,\n  RadioProps as AriaRadioProps,\n  Label,\n} from \"react-aria-components\";\nimport { Text, textStyles } from \"../../text\";\n\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps, cx } from \"../../../utils/class-variance-authority\";\nimport { radioGroupStyles, radioStyles } from \"./radio.styles\";\nimport { sharedInputHintStyles, sharedInputlabelStyles } from \"..\";\n\nexport type RadioGroupProps = AriaRadioGroupProps &\n  VariantProps<typeof radioGroupStyles> & {\n    label?: string;\n    labelClassName?: string;\n    hint?: string;\n    errorMessage?: string;\n    description?: string;\n    orientation?: \"horizontal\" | \"vertical\";\n  };\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  (\n    {\n      label,\n      labelClassName,\n      hint,\n      description,\n      errorMessage,\n      children,\n      orientation = \"vertical\",\n      color,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <AriaRadioGroup {...props} ref={ref}>\n        {(renderProps) => (\n          <div className=\"flex flex-col gap-y-1\">\n            <div\n              className={cx(\n                \"flex items-center gap-3\",\n                label ? \"justify-between\" : \"justify-end\"\n              )}\n            >\n              {label ? (\n                <Label\n                  className={sharedInputlabelStyles({\n                    className: labelClassName,\n                  })}\n                  style={{ fontFamily: \"var(--input-label-font-family)\" }}\n                >\n                  {label}\n                  {renderProps.isRequired && (\n                    <span className=\"text-danger\">{\" *\"}</span>\n                  )}\n                </Label>\n              ) : null}\n              {hint ? (\n                <span\n                  className={sharedInputHintStyles()}\n                  style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n                >\n                  {hint}\n                </span>\n              ) : null}\n            </div>\n            <div\n              className={twMerge(\n                radioGroupStyles({ orientation, color, className })\n              )}\n            >\n              {typeof children === \"function\"\n                ? children(renderProps)\n                : children}\n            </div>\n            {description && (\n              <Text\n                className=\"mt-1.5\"\n                variant=\"body-small\"\n                color=\"secondary\"\n                slot=\"description\"\n              >\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      </AriaRadioGroup>\n    );\n  }\n);\n\nexport type RadioProps = Omit<AriaRadioProps, \"validationState\"> &\n  VariantProps<typeof radioStyles>;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <AriaRadio {...props} ref={ref}>\n        {(renderProps) => (\n          <>\n            <div className=\"flex items-start gap-x-[--radio-gap-x]\">\n              <div\n                className={twMerge(\n                  radioStyles({\n                    className,\n                    isDisabled: renderProps.isDisabled,\n                    isSelected: renderProps.isSelected,\n                    isFocusVisible: renderProps.isFocusVisible,\n                    isHovered: renderProps.isHovered,\n                    isPressed: renderProps.isPressed,\n                  })\n                )}\n              >\n                {renderProps.isSelected && (\n                  <svg\n                    className=\"w-[--radio-size]\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <circle cx=\"10\" cy=\"10\" r=\"4\" 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\n                        ? \"cursor-not-allowed opacity-50\"\n                        : \"\",\n                    ],\n                  })}\n                >\n                  {typeof children === \"function\"\n                    ? children(renderProps)\n                    : children}\n                </div>\n              )}\n            </div>\n          </>\n        )}\n      </AriaRadio>\n    );\n  }\n);\n"],"names":["RadioGroup","forwardRef","label","labelClassName","hint","description","errorMessage","children","orientation","color","className","props","ref","jsx","AriaRadioGroup","renderProps","jsxs","cx","Label","sharedInputlabelStyles","sharedInputHintStyles","twMerge","radioGroupStyles","Text","Radio","AriaRadio","Fragment","radioStyles","textStyles"],"mappings":"+nBAyBaA,EAAaC,EAAA,WACxB,CACE,CACE,MAAAC,EACA,eAAAC,EACA,KAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,WACd,MAAAC,EACA,UAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,IAACC,EAAgB,WAAA,CAAA,GAAGH,EAAO,IAAAC,EACxB,SAACG,GACAC,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,wBACb,SAAA,CAAAA,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWC,EAAA,GACT,0BACAf,EAAQ,kBAAoB,aAC9B,EAEC,SAAA,CACCA,EAAAc,EAAA,kBAAA,KAACE,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,CAChC,UAAWhB,CAAA,CACZ,EACD,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAAD,EACAa,EAAY,YACXF,EAAAA,kBAAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAGtC,KACHT,EACCS,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWO,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAhB,CAAA,CAAA,EAED,IAAA,CAAA,CACN,EACAS,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTC,EAAAA,iBAAiB,CAAE,YAAAd,EAAa,MAAAC,EAAO,UAAAC,EAAW,CACpD,EAEC,SAAO,OAAAH,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,EACCF,GACCQ,EAAA,kBAAA,IAACU,EAAA,KAAA,CACC,UAAU,SACV,QAAQ,aACR,MAAM,YACN,KAAK,cAEJ,SAAAlB,CAAA,CACH,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,EAKakB,EAAQvB,EAAA,WACnB,CAAC,CAAE,UAAAS,EAAW,SAAAH,EAAU,GAAGI,CAAA,EAASC,IAEhCC,EAAAA,kBAAAA,IAACY,EAAAA,MAAW,CAAA,GAAGd,EAAO,IAAAC,EACnB,SAACG,GAEEF,EAAA,kBAAA,IAAAa,EAAA,kBAAA,SAAA,CAAA,SAAAV,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,yCACb,SAAA,CAAAH,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWQ,EAAA,QACTM,cAAY,CACV,UAAAjB,EACA,WAAYK,EAAY,WACxB,WAAYA,EAAY,WACxB,eAAgBA,EAAY,eAC5B,UAAWA,EAAY,UACvB,UAAWA,EAAY,SAAA,CACxB,CACH,EAEC,WAAY,YACXF,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,mBACV,QAAQ,YACR,KAAK,OACL,MAAM,6BAEN,SAAAA,EAAA,kBAAA,IAAC,UAAO,GAAG,KAAK,GAAG,KAAK,EAAE,IAAI,KAAK,cAAe,CAAA,CAAA,CACpD,CAAA,CAEJ,EACCN,GACCM,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWe,EAAAA,WAAW,CACpB,QAAS,cACT,UAAW,CACT,YACAb,EAAY,WACR,gCACA,EACN,CAAA,CACD,EAEA,SAAO,OAAAR,GAAa,WACjBA,EAASQ,CAAW,EACpBR,CAAA,CACN,CAAA,EAEJ,EACF,CAEJ,CAAA,CAGN"}