@new-black/lyra 0.1.16 → 0.1.19

package/dist/lyra197.js

@@ -1,11 +1,261 @@
-import { featureDefinitions as n } from "./lyra216.js";
-function e(i) {
-  for (const o in i)
-    n[o] = {
-      ...n[o],
-      ...i[o]
-    };
+import { warning as b, invariant as S } from "./lyra175.js";
+import { createBox as P } from "./lyra198.js";
+import { isRefObject as T } from "./lyra199.js";
+import { initPrefersReducedMotion as F } from "./lyra200.js";
+import { hasReducedMotionListener as y, prefersReducedMotion as R } from "./lyra201.js";
+import { SubscriptionManager as j } from "./lyra202.js";
+import { motionValue as w } from "./lyra203.js";
+import { isWillChangeMotionValue as N } from "./lyra204.js";
+import { isMotionValue as c } from "./lyra178.js";
+import { transformProps as E } from "./lyra205.js";
+import { isControllingVariants as x, isVariantNode as B } from "./lyra206.js";
+import { isVariantLabel as L } from "./lyra207.js";
+import { updateMotionValuesFromProps as I } from "./lyra208.js";
+import { resolveVariantFromProps as O } from "./lyra209.js";
+import { warnOnce as A } from "./lyra210.js";
+import { featureDefinitions as g } from "./lyra211.js";
+import { variantProps as M } from "./lyra212.js";
+import { visualElementStore as f } from "./lyra213.js";
+import { frame as m, cancelFrame as V } from "./lyra214.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);
+  }
 }
 export {
-  e as loadFeatures
+  ot as VisualElement
 };

package/dist/lyra197.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra197.js","sources":["../node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { featureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n}\n\nexport { loadFeatures };\n"],"names":["loadFeatures","features","key","featureDefinitions"],"mappings":";AAEA,SAASA,EAAaC,GAAU;AAC5B,aAAWC,KAAOD;AACd,IAAAE,EAAmBD,CAAG,IAAI;AAAA,MACtB,GAAGC,EAAmBD,CAAG;AAAA,MACzB,GAAGD,EAASC,CAAG;AAAA,IAC3B;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra197.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]}

package/dist/lyra198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=typeof document<"u";exports.isBrowser=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({translate:0,scale:1,origin:0,originPoint:0}),a=()=>({x:e(),y:e()}),t=()=>({min:0,max:0}),c=()=>({x:t(),y:t()});exports.createAxis=t;exports.createAxisDelta=e;exports.createBox=c;exports.createDelta=a;

package/dist/lyra198.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"gFAAK,MAACA,EAAY,OAAO,SAAa","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.cjs","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"gFAAK,MAACA,EAAkB,KAAO,CAC3B,UAAW,EACX,MAAO,EACP,OAAQ,EACR,YAAa,CACjB,GACMC,EAAc,KAAO,CACvB,EAAGD,EAAiB,EACpB,EAAGA,EAAiB,CACxB,GACME,EAAa,KAAO,CAAE,IAAK,EAAG,IAAK,CAAC,GACpCC,EAAY,KAAO,CACrB,EAAGD,EAAY,EACf,EAAGA,EAAY,CACnB","x_google_ignoreList":[0]}

package/dist/lyra198.js

@@ -1,4 +1,18 @@
-const e = typeof document < "u";
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  e as isBrowser
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };

package/dist/lyra198.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof document !== \"undefined\";\n\nexport { isBrowser };\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,WAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra198.js","sources":["../node_modules/framer-motion/dist/es/projection/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAiB;AAAA,EACpB,GAAGA,EAAiB;AACxB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAY;AAAA,EACf,GAAGA,EAAY;AACnB;","x_google_ignoreList":[0]}

package/dist/lyra199.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({strict:!1});exports.LazyContext=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}exports.isRefObject=t;

package/dist/lyra199.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":"yGAEMA,EAAcC,EAAa,cAAC,CAAE,OAAQ,EAAO,CAAA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.cjs","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"gFAAA,SAASA,EAAYC,EAAK,CACtB,OAAQ,OAAOA,GAAQ,UACnB,OAAO,UAAU,eAAe,KAAKA,EAAK,SAAS,CAC3D","x_google_ignoreList":[0]}

package/dist/lyra199.js

@@ -1,5 +1,6 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+function e(t) {
+  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+}
 export {
-  o as LazyContext
+  e as isRefObject
 };

package/dist/lyra199.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n"],"names":["LazyContext","createContext"],"mappings":";AAEK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAO,CAAA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra199.js","sources":["../node_modules/framer-motion/dist/es/utils/is-ref-object.mjs"],"sourcesContent":["function isRefObject(ref) {\n    return (typeof ref === \"object\" &&\n        Object.prototype.hasOwnProperty.call(ref, \"current\"));\n}\n\nexport { isRefObject };\n"],"names":["isRefObject","ref"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAQ,OAAOA,KAAQ,YACnB,OAAO,UAAU,eAAe,KAAKA,GAAK,SAAS;AAC3D;","x_google_ignoreList":[0]}

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),E=require("./lyra100.cjs"),R=require("./lyra101.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra62.cjs"),h=require("./lyra55.cjs"),P=require("./lyra102.cjs"),N=require("./lyra103.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("lyra-accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra54.cjs"),e=require("react"),A=require("./lyra53.cjs"),h=require("./lyra55.cjs"),E=require("./lyra99.cjs"),R=require("./lyra114.cjs"),S=require("./lyra39.cjs"),g=require("./lyra3.cjs"),C=require("./lyra62.cjs"),P=require("./lyra115.cjs"),N=require("./lyra116.cjs"),b=e.createContext(void 0),F=({children:x,className:m,mode:i="multiple",...p},l)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{i==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(u=>u!==o)):s([...t,o])},[i,t]);return n.jsxRuntimeExports.jsx(b.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:l,className:E.cx("lyra-accordion flex flex-col",m),...p,children:x})})},M=({children:x,className:m,defaultOpen:i,disableAccordionContentPadding:p,isDisabled:l,title:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{openItemKeys:u,toggleItemKey:j}=e.useContext(b),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),d=e.useMemo(()=>u.includes(c),[c,u]);return e.useEffect(()=>{i&&!y.current&&(j(c),y.current=!0)},[c,i,j]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:m})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:l,className:h.twMerge(g.accordionItemButtonStyles({isOpen:d,isDisabled:l})),"aria-expanded":d,onPress:()=>j(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[t,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",d?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:d&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:p}),style:{fontFamily:"var(--accordion-content-font-family)"},children:x})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, mode = \"multiple\", className, ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    title,\n    className,\n    isDisabled,\n    defaultOpen,\n    children,\n    disableAccordionContentPadding,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { toggleItemKey, openItemKeys } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","mode","className","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","title","isDisabled","defaultOpen","disableAccordionContentPadding","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}
+{"version":3,"file":"lyra2.cjs","sources":["../src/components/accordion/accordion.tsx"],"sourcesContent":["import {\n  createContext,\n  ForwardedRef,\n  ReactNode,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useFocusRing } from \"react-aria\";\nimport { Button } from \"react-aria-components\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx } from \"../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { SvgIcon } from \"../svg-icon\";\n\nimport {\n  accordionItemButtonStyles,\n  accordionItemContentStyles,\n  accordionItemStyles,\n} from \"./accordion.styles\";\n\nexport type AccordionProps = {\n  \"aria-label\"?: string;\n  children: ReactNode;\n  mode?: \"single\" | \"multiple\";\n  className?: string;\n};\n\ntype AccordionContextProps = {\n  openItemKeys: string[];\n  toggleItemKey: (itemKey: string) => void;\n};\n\nconst AccordionContext = createContext<AccordionContextProps>(\n  undefined as unknown as AccordionContextProps,\n);\n\nconst _Accordion = (\n  { children, className, mode = \"multiple\", ...props }: AccordionProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const [openItemKeys, setOpenItemKeys] = useState<string[]>([]);\n\n  const toggleItemKey = useCallback(\n    (itemKey: string) => {\n      if (mode === \"single\") {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys([]);\n        } else {\n          setOpenItemKeys([itemKey]);\n        }\n      } else {\n        if (openItemKeys.includes(itemKey)) {\n          setOpenItemKeys(openItemKeys.filter((key) => key !== itemKey));\n        } else {\n          setOpenItemKeys([...openItemKeys, itemKey]);\n        }\n      }\n    },\n    [mode, openItemKeys],\n  );\n\n  return (\n    <AccordionContext.Provider value={{ toggleItemKey, openItemKeys }}>\n      <div ref={ref} className={cx(\"lyra-accordion flex flex-col\", className)} {...props}>\n        {children}\n      </div>\n    </AccordionContext.Provider>\n  );\n};\n\nexport type AccordionItemProps = {\n  title: ReactNode;\n  isDisabled?: boolean;\n  defaultOpen?: boolean;\n  children: ReactNode;\n  className?: string;\n  disableAccordionContentPadding?: boolean;\n};\n\nconst _AccordionItem = (\n  {\n    children,\n    className,\n    defaultOpen,\n    disableAccordionContentPadding,\n    isDisabled,\n    title,\n  }: AccordionItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { focusProps, isFocusVisible } = useFocusRing({ within: true });\n  const { openItemKeys, toggleItemKey } = useContext(AccordionContext);\n  const accordionId = useId();\n  const buttonId = useId();\n  const contentId = useId();\n  const initializedRef = useRef(false);\n\n  const isOpen = useMemo(() => openItemKeys.includes(accordionId), [accordionId, openItemKeys]);\n\n  useEffect(() => {\n    if (defaultOpen && !initializedRef.current) {\n      toggleItemKey(accordionId);\n      initializedRef.current = true;\n    }\n  }, [accordionId, defaultOpen, toggleItemKey]);\n\n  return (\n    <div\n      className={twMerge(accordionItemStyles({ isFocusVisible, className }))}\n      {...focusProps}\n      ref={ref}\n    >\n      <Button\n        id={buttonId}\n        isDisabled={isDisabled}\n        className={twMerge(accordionItemButtonStyles({ isOpen, isDisabled }))}\n        aria-expanded={isOpen}\n        onPress={() => toggleItemKey(accordionId)}\n        onKeyDown={(e) => {\n          if (e.key === \"ArrowDown\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const nextPeer = parent.nextElementSibling as HTMLElement;\n            if (nextPeer) {\n              const button = nextPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          } else if (e.key === \"ArrowUp\") {\n            e.preventDefault();\n            const parent = e.currentTarget.parentElement as HTMLElement;\n            const prevPeer = parent.previousElementSibling as HTMLElement;\n            if (prevPeer) {\n              const button = prevPeer.firstChild as HTMLElement;\n              button.focus();\n            }\n          }\n        }}\n        aria-controls={contentId}\n      >\n        {title}\n        <SvgIcon\n          name=\"chevron-down\"\n          className={cx(\n            \"transition duration-200 ease-in-out\",\n            isOpen ? \"rotate-180\" : \"rotate-0\",\n            \"w-4\",\n          )}\n        />\n      </Button>\n      <AnimatePresence initial={false}>\n        {isOpen && (\n          <motion.div\n            id={contentId}\n            className=\"overflow-clip\"\n            initial=\"collapsed\"\n            animate=\"open\"\n            exit=\"collapsed\"\n            variants={{\n              open: { opacity: 1, height: \"auto\" },\n              collapsed: { opacity: 0, height: 0 },\n            }}\n            transition={{ duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }}\n            role=\"region\"\n            aria-labelledby={buttonId}\n          >\n            <div\n              className={accordionItemContentStyles({\n                disableAccordionContentPadding,\n              })}\n              style={{\n                fontFamily: \"var(--accordion-content-font-family)\",\n              }}\n            >\n              {children}\n            </div>\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport const Accordion = fixedForwardRef(_Accordion);\nexport const AccordionItem = fixedForwardRef(_AccordionItem);\n"],"names":["AccordionContext","createContext","_Accordion","children","className","mode","props","ref","openItemKeys","setOpenItemKeys","useState","toggleItemKey","useCallback","itemKey","key","jsx","cx","_AccordionItem","defaultOpen","disableAccordionContentPadding","isDisabled","title","focusProps","isFocusVisible","useFocusRing","useContext","accordionId","useId","buttonId","contentId","initializedRef","useRef","isOpen","useMemo","useEffect","jsxs","twMerge","accordionItemStyles","Button","accordionItemButtonStyles","e","nextPeer","prevPeer","SvgIcon","AnimatePresence","motion","accordionItemContentStyles","Accordion","fixedForwardRef","AccordionItem"],"mappings":"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"}

package/dist/lyra2.js

@@ -1,39 +1,39 @@
 import { j as t } from "./lyra54.js";
-import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
+import { createContext as S, useState as E, useCallback as N, useContext as P, useId as v, useRef as $, useMemo as R, useEffect as F } from "react";
 import { Button as k } from "./lyra53.js";
-import { cx as h } from "./lyra100.js";
-import { fixedForwardRef as j } from "./lyra101.js";
+import { twMerge as y } from "./lyra55.js";
+import { cx as h } from "./lyra99.js";
+import { fixedForwardRef as j } from "./lyra114.js";
 import { SvgIcon as D } from "./lyra39.js";
 import { accordionItemStyles as B, accordionItemButtonStyles as K, accordionItemContentStyles as M } from "./lyra3.js";
 import { useFocusRing as T } from "./lyra62.js";
-import { twMerge as y } from "./lyra55.js";
-import { AnimatePresence as _ } from "./lyra102.js";
-import { motion as z } from "./lyra103.js";
+import { AnimatePresence as _ } from "./lyra115.js";
+import { motion as z } from "./lyra116.js";
 const w = S(
   void 0
-), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {
+), O = ({ children: d, className: m, mode: s = "multiple", ...p }, a) => {
   const [e, n] = E([]), u = N(
     (o) => {
-      a === "single" ? e.includes(o) ? n([]) : n([o]) : e.includes(o) ? n(e.filter((s) => s !== o)) : n([...e, o]);
+      s === "single" ? e.includes(o) ? n([]) : n([o]) : e.includes(o) ? n(e.filter((l) => l !== o)) : n([...e, o]);
     },
-    [a, e]
+    [s, e]
   );
-  return /* @__PURE__ */ t.jsx(w.Provider, { value: { toggleItemKey: u, openItemKeys: e }, children: /* @__PURE__ */ t.jsx("div", { ref: p, className: h("lyra-accordion flex flex-col", l), ...f, children: m }) });
+  return /* @__PURE__ */ t.jsx(w.Provider, { value: { toggleItemKey: u, openItemKeys: e }, children: /* @__PURE__ */ t.jsx("div", { ref: a, className: h("lyra-accordion flex flex-col", m), ...p, children: d }) });
 }, U = ({
-  title: m,
-  className: a,
-  isDisabled: l,
-  defaultOpen: f,
-  children: p,
-  disableAccordionContentPadding: e
+  children: d,
+  className: m,
+  defaultOpen: s,
+  disableAccordionContentPadding: p,
+  isDisabled: a,
+  title: e
 }, n) => {
-  const { focusProps: u, isFocusVisible: o } = T({ within: !0 }), { toggleItemKey: s, openItemKeys: v } = P(w), i = x(), b = x(), g = x(), I = $(!1), d = R(() => v.includes(i), [i, v]);
+  const { focusProps: u, isFocusVisible: o } = T({ within: !0 }), { openItemKeys: l, toggleItemKey: x } = P(w), i = v(), b = v(), g = v(), I = $(!1), f = R(() => l.includes(i), [i, l]);
   return F(() => {
-    f && !I.current && (s(i), I.current = !0);
-  }, [i, f, s]), /* @__PURE__ */ t.jsxs(
+    s && !I.current && (x(i), I.current = !0);
+  }, [i, s, x]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: y(B({ isFocusVisible: o, className: a })),
+      className: y(B({ isFocusVisible: o, className: m })),
       ...u,
       ref: n,
       children: [
@@ -41,10 +41,10 @@ const w = S(
           k,
           {
             id: b,
-            isDisabled: l,
-            className: y(K({ isOpen: d, isDisabled: l })),
-            "aria-expanded": d,
-            onPress: () => s(i),
+            isDisabled: a,
+            className: y(K({ isOpen: f, isDisabled: a })),
+            "aria-expanded": f,
+            onPress: () => x(i),
             onKeyDown: (r) => {
               if (r.key === "ArrowDown") {
                 r.preventDefault();
@@ -58,14 +58,14 @@ const w = S(
             },
             "aria-controls": g,
             children: [
-              m,
+              e,
               /* @__PURE__ */ t.jsx(
                 D,
                 {
                   name: "chevron-down",
                   className: h(
                     "transition duration-200 ease-in-out",
-                    d ? "rotate-180" : "rotate-0",
+                    f ? "rotate-180" : "rotate-0",
                     "w-4"
                   )
                 }
@@ -73,7 +73,7 @@ const w = S(
             ]
           }
         ),
-        /* @__PURE__ */ t.jsx(_, { initial: !1, children: d && /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ t.jsx(_, { initial: !1, children: f && /* @__PURE__ */ t.jsx(
           z.div,
           {
             id: g,
@@ -92,12 +92,12 @@ const w = S(
               "div",
               {
                 className: M({
-                  disableAccordionContentPadding: e
+                  disableAccordionContentPadding: p
                 }),
                 style: {
                   fontFamily: "var(--accordion-content-font-family)"
                 },
-                children: p
+                children: d
               }
             )
           }