@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra166.js

@@ -1,260 +1,13 @@
-import { frame as c, cancelFrame as f } from "./lyra167.js";
-import { warning as b, invariant as S } from "./lyra144.js";
-import { createBox as P } from "./lyra168.js";
-import { isRefObject as T } from "./lyra169.js";
-import { initPrefersReducedMotion as y } from "./lyra170.js";
-import { hasReducedMotionListener as F, prefersReducedMotion as R } from "./lyra171.js";
-import { SubscriptionManager as j } from "./lyra172.js";
-import { motionValue as w } from "./lyra173.js";
-import { isWillChangeMotionValue as N } from "./lyra174.js";
-import { isMotionValue as m } from "./lyra147.js";
-import { transformProps as E } from "./lyra175.js";
-import { isControllingVariants as x, isVariantNode as B } from "./lyra176.js";
-import { isVariantLabel as L } from "./lyra177.js";
-import { updateMotionValuesFromProps as I } from "./lyra178.js";
-import { resolveVariantFromProps as O } from "./lyra179.js";
-import { warnOnce as A } from "./lyra180.js";
-import { featureDefinitions as g } from "./lyra181.js";
-import { variantProps as M } from "./lyra182.js";
-import { visualElementStore as V } from "./lyra183.js";
-const C = Object.keys(g), U = C.length, v = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-], D = 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 = () => c.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 && m(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, V.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)), F.current || y(), 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() {
-    V.delete(this.current), this.projection && this.projection.unmount(), f(this.notifyUpdate), f(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 && c.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 < D; 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) {
-    return this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : 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 && !m(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);
-  }
-}
+const i = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], e = ["initial", ...i];
 export {
-  ot as VisualElement
+  i as variantPriorityOrder,
+  e as variantProps
 };

package/dist/lyra167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra228.cjs"),r=require("./lyra212.cjs"),p=40;let c=!0,a=!1;const s=["read","update","preRender","render","postRender"],n=s.reduce((e,t)=>(e[t]=l.createRenderStep(()=>a=!0),e),{}),d=e=>n[e].process(r.frameData),o=e=>{a=!1,r.frameData.delta=c?1e3/60:Math.max(Math.min(e-r.frameData.timestamp,p),1),r.frameData.timestamp=e,r.frameData.isProcessing=!0,s.forEach(d),r.frameData.isProcessing=!1,a&&(c=!1,requestAnimationFrame(o))},D=()=>{a=!0,c=!0,r.frameData.isProcessing||requestAnimationFrame(o)},F=s.reduce((e,t)=>{const f=n[t];return e[t]=(m,u=!1,i=!1)=>(a||D(),f.schedule(m,u,i)),e},{});function g(e){s.forEach(t=>n[t].cancel(e))}exports.cancelFrame=g;exports.frame=F;exports.steps=n;exports.stepsOrder=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;

package/dist/lyra167.js

@@ -1,27 +1,4 @@
-import { createRenderStep as f } from "./lyra228.js";
-import { frameData as r } from "./lyra212.js";
-const l = 40;
-let n = !0, s = !1;
-const a = [
-  "read",
-  "update",
-  "preRender",
-  "render",
-  "postRender"
-], o = a.reduce((e, t) => (e[t] = f(() => s = !0), e), {}), d = (e) => o[e].process(r), c = (e) => {
-  s = !1, r.delta = n ? 1e3 / 60 : Math.max(Math.min(e - r.timestamp, l), 1), r.timestamp = e, r.isProcessing = !0, a.forEach(d), r.isProcessing = !1, s && (n = !1, requestAnimationFrame(c));
-}, h = () => {
-  s = !0, n = !0, r.isProcessing || requestAnimationFrame(c);
-}, E = a.reduce((e, t) => {
-  const i = o[t];
-  return e[t] = (m, p = !1, u = !1) => (s || h(), i.schedule(m, p, u)), e;
-}, {});
-function g(e) {
-  a.forEach((t) => o[t].cancel(e));
-}
+const e = /* @__PURE__ */ new WeakMap();
 export {
-  g as cancelFrame,
-  E as frame,
-  o as steps,
-  a as stepsOrder
+  e as visualElementStore
 };

package/dist/lyra168.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;

package/dist/lyra168.js

@@ -1,18 +1,8 @@
-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()
-});
+const o = {};
+function r(c) {
+  Object.assign(o, c);
+}
 export {
-  e as createAxis,
-  t as createAxisDelta,
-  c as createBox,
-  a as createDelta
+  r as addScaleCorrector,
+  o as scaleCorrectors
 };

package/dist/lyra169.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra159.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;

package/dist/lyra169.js

@@ -1,6 +1,21 @@
-function e(t) {
-  return typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
+import { transformPropOrder as o } from "./lyra159.js";
+const c = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, u = o.length;
+function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
+  let t = "";
+  for (let n = 0; n < u; n++) {
+    const r = o[n];
+    if (e[r] !== void 0) {
+      const f = c[r] || r;
+      t += `${f}(${e[r]}) `;
+    }
+  }
+  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
 }
 export {
-  e as isRefObject
+  p as buildTransform
 };

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),E=require("react"),t=require("./lyra74.cjs"),g=require("./lyra20.cjs"),x=require("./lyra71.cjs");require("./lyra77.cjs");const m=require("./lyra29.cjs");require("./lyra70.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");const f=require("./lyra28.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs"),N=require("./lyra22.cjs"),d=require("./lyra37.cjs");function S({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:c,errorMessage:u,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:({isOpen:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:q,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:q,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",h?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u}),e.jsxRuntimeExports.jsx(N.Popover,{children:e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const v=E.forwardRef(S);exports.Select=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),E=require("react"),t=require("./lyra69.cjs"),g=require("./lyra20.cjs"),x=require("./lyra70.cjs");require("./lyra79.cjs");const m=require("./lyra29.cjs");require("./lyra75.cjs");require("./lyra10.cjs");require("./lyra236.cjs");require("./lyra19.cjs");const f=require("./lyra28.cjs");require("./lyra14.cjs");require("./lyra8.cjs");require("./lyra77.cjs");require("./lyra16.cjs");const i=require("./lyra18.cjs"),N=require("./lyra22.cjs"),d=require("./lyra37.cjs");function S({label:r,hint:l,size:n="medium",fullWidth:o,validationState:j,isRequired:p,description:c,errorMessage:u,...s},a){return[s,a]=t.useContextProps(s,a,t.SelectContext),e.jsxRuntimeExports.jsx(t.Select,{...s,ref:a,className:d.twMerge(i.sharedInputFieldWrapperStyles({fullWidth:o})),children:({isOpen:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("mx-1 flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,p&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsxs(t.Button,{className:({isDisabled:q,isFocusVisible:y,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:q,isHovered:R,isFocused:y,fullWidth:o,size:n,validationState:j,className:"w-full items-center justify-between gap-3"})),children:[e.jsxRuntimeExports.jsx(t.SelectValue,{className:"select-none truncate"}),e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"chevron-down","aria-hidden":"true",className:x.cx(n==="large"&&"h-5 w-5",n==="medium"&&"h-4 w-4",n==="small"&&"h-3 w-3",h?"rotate-180":"rotate-0","transition duration-200 ease-out")})]})}),c&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:c}),u&&e.jsxRuntimeExports.jsx(m.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:u}),e.jsxRuntimeExports.jsx(N.Popover,{children:e.jsxRuntimeExports.jsx(g.ListBox,{className:"outline-none","aria-label":r??`options on select ${s.name}`,selectionMode:"single",children:s.children})})]})})}const v=E.forwardRef(S);exports.Select=v;

package/dist/lyra17.js

@@ -1,18 +1,18 @@
 import { j as e } from "./lyra36.js";
 import { forwardRef as $ } from "react";
-import { useContextProps as b, Select as y, Label as N, Button as g, SelectValue as S, SelectContext as v } from "./lyra74.js";
+import { useContextProps as b, Select as y, Label as N, Button as g, SelectValue as S, SelectContext as v } from "./lyra69.js";
 import { ListBox as w } from "./lyra20.js";
-import { cx as i } from "./lyra71.js";
-import "./lyra77.js";
+import { cx as i } from "./lyra70.js";
+import "./lyra79.js";
 import { Text as c } from "./lyra29.js";
-import "./lyra70.js";
+import "./lyra75.js";
 import "./lyra10.js";
-import "./lyra114.js";
+import "./lyra236.js";
 import "./lyra19.js";
 import { SvgIcon as F } from "./lyra28.js";
 import "./lyra14.js";
 import "./lyra8.js";
-import "./lyra75.js";
+import "./lyra77.js";
 import "./lyra16.js";
 import { sharedInputFieldWrapperStyles as I, sharedInputlabelStyles as B, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra18.js";
 import { Popover as M } from "./lyra22.js";

package/dist/lyra170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra162.cjs"),e=require("./lyra171.cjs");function o(){if(e.hasReducedMotionListener.current=!0,!!i.isBrowser)if(window.matchMedia){const r=window.matchMedia("(prefers-reduced-motion)"),t=()=>e.prefersReducedMotion.current=r.matches;r.addListener(t),t()}else e.prefersReducedMotion.current=!1}exports.initPrefersReducedMotion=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra171.cjs"),ee=require("./lyra172.cjs"),Q=require("./lyra173.cjs"),te=require("./lyra174.cjs"),ne=require("./lyra175.cjs"),ie=require("./lyra176.cjs"),D=require("./lyra177.cjs"),R=require("./lyra178.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:d=0,repeatDelay:m=0,repeatType:h="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...k}){let o=1,V=!1,F,j;const M=()=>{F&&F(),j=new Promise(e=>{F=e})};M();let r;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ne.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...k,keyframes:u});let B;h==="mirror"&&(B=P({...k,keyframes:[...u].reverse(),velocity:-(k.velocity||0)}));let n="idle",l=null,i=null,v=null;s.calculatedDuration===null&&d&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let c=1/0,g=1/0;S!==null&&(c=S+m,g=c*(d+1)-m);let t=0;const b=e=>{if(i===null)return;o>0&&(i=Math.min(i,e)),l!==null?t=l:t=(e-i)*o;const p=t-Y,z=p<0;t=Math.max(p,0),n==="finished"&&l===null&&(t=g);let C=t,E=s;if(d){const G=t/c;let y=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&y--,y=Math.min(y,d+1);const J=!!(y%2);J&&(h==="reverse"?(a=1-a,m&&(a-=m/c)):h==="mirror"&&(E=B));let L=ie.clamp(0,1,a);t>g&&(L=h==="reverse"&&J?1:0),C=L*c}const f=z?{done:!1,value:u[0]}:E.next(C);I&&(f.value=I(f.value));let{done:H}=f;!z&&S!==null&&(H=t>=g);const $=l===null&&(n==="finished"||n==="running"&&H||o<0&&t<=0);return O&&O(f.value),$&&U(),f},K=()=>{r&&r.stop(),r=void 0},N=()=>{n="idle",K(),M(),i=v=null},U=()=>{n="finished",A&&A(),K(),M()},W=()=>{if(V)return;r||(r=Z(b));const e=r.now();x&&x(),l!==null?i=e-l:(!i||n==="finished")&&(i=e),v=i,l=null,n="running",r.start()};X&&W();const w={then(e,p){return j.then(e,p)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,l!==null||!r||o===0?l=e:i=r.now()-e/o},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return o},set speed(e){e===o||!r||(o=e,w.time=D.millisecondsToSeconds(t))},get state(){return n},play:W,pause:()=>{n="paused",l=t},stop:()=>{V=!0,n!=="idle"&&(n="idle",T&&T(),N())},cancel:()=>{v!==null&&b(v),N()},complete:()=>{n="finished"},sample:e=>(i=0,b(e))};return w}exports.animateValue=le;

package/dist/lyra170.js

@@ -1,13 +1,121 @@
-import { isBrowser as o } from "./lyra162.js";
-import { hasReducedMotionListener as i, prefersReducedMotion as t } from "./lyra171.js";
-function c() {
-  if (i.current = !0, !!o)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), r = () => t.current = e.matches;
-      e.addListener(r), r();
-    } else
-      t.current = !1;
+import { keyframes as y } from "./lyra171.js";
+import { spring as ee } from "./lyra172.js";
+import { inertia as T } from "./lyra173.js";
+import { frameloopDriver as te } from "./lyra174.js";
+import { interpolate as ie } from "./lyra175.js";
+import { clamp as ne } from "./lyra176.js";
+import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra177.js";
+import { calcGeneratorDuration as X } from "./lyra178.js";
+const le = {
+  decay: T,
+  inertia: T,
+  tween: y,
+  keyframes: y,
+  spring: ee
+};
+function he({ autoplay: Y = !0, delay: Z = 0, driver: _ = te, keyframes: u, type: C = "keyframes", repeat: m = 0, repeatDelay: d = 0, repeatType: h = "loop", onPlay: B, onStop: K, onComplete: N, onUpdate: O, ...F }) {
+  let o = 1, S = !1, I, V;
+  const M = () => {
+    I && I(), V = new Promise((e) => {
+      I = e;
+    });
+  };
+  M();
+  let r;
+  const P = le[C] || y;
+  let x;
+  P !== y && typeof u[0] != "number" && (x = ie([0, 100], u, {
+    clamp: !1
+  }), u = [0, 100]);
+  const s = P({ ...F, keyframes: u });
+  let W;
+  h === "mirror" && (W = P({
+    ...F,
+    keyframes: [...u].reverse(),
+    velocity: -(F.velocity || 0)
+  }));
+  let i = "idle", l = null, n = null, p = null;
+  s.calculatedDuration === null && m && (s.calculatedDuration = X(s));
+  const { calculatedDuration: G } = s;
+  let f = 1 / 0, v = 1 / 0;
+  G !== null && (f = G + d, v = f * (m + 1) - d);
+  let t = 0;
+  const b = (e) => {
+    if (n === null)
+      return;
+    o > 0 && (n = Math.min(n, e)), l !== null ? t = l : t = (e - n) * o;
+    const g = t - Z, E = g < 0;
+    t = Math.max(g, 0), i === "finished" && l === null && (t = v);
+    let H = t, J = s;
+    if (m) {
+      const k = t / f;
+      let D = Math.floor(k), a = k % 1;
+      !a && k >= 1 && (a = 1), a === 1 && D--, D = Math.min(D, m + 1);
+      const Q = !!(D % 2);
+      Q && (h === "reverse" ? (a = 1 - a, d && (a -= d / f)) : h === "mirror" && (J = W));
+      let R = ne(0, 1, a);
+      t > v && (R = h === "reverse" && Q ? 1 : 0), H = R * f;
+    }
+    const c = E ? { done: !1, value: u[0] } : J.next(H);
+    x && (c.value = x(c.value));
+    let { done: L } = c;
+    !E && G !== null && (L = t >= v);
+    const $ = l === null && (i === "finished" || i === "running" && L || o < 0 && t <= 0);
+    return O && O(c.value), $ && U(), c;
+  }, j = () => {
+    r && r.stop(), r = void 0;
+  }, q = () => {
+    i = "idle", j(), M(), n = p = null;
+  }, U = () => {
+    i = "finished", N && N(), j(), M();
+  }, w = () => {
+    if (S)
+      return;
+    r || (r = _(b));
+    const e = r.now();
+    B && B(), l !== null ? n = e - l : (!n || i === "finished") && (n = e), p = n, l = null, i = "running", r.start();
+  };
+  Y && w();
+  const z = {
+    then(e, g) {
+      return V.then(e, g);
+    },
+    get time() {
+      return A(t);
+    },
+    set time(e) {
+      e = re(e), t = e, l !== null || !r || o === 0 ? l = e : n = r.now() - e / o;
+    },
+    get duration() {
+      const e = s.calculatedDuration === null ? X(s) : s.calculatedDuration;
+      return A(e);
+    },
+    get speed() {
+      return o;
+    },
+    set speed(e) {
+      e === o || !r || (o = e, z.time = A(t));
+    },
+    get state() {
+      return i;
+    },
+    play: w,
+    pause: () => {
+      i = "paused", l = t;
+    },
+    stop: () => {
+      S = !0, i !== "idle" && (i = "idle", K && K(), q());
+    },
+    cancel: () => {
+      p !== null && b(p), q();
+    },
+    complete: () => {
+      i = "finished";
+    },
+    sample: (e) => (n = 0, b(e))
+  };
+  return z;
 }
 export {
-  c as initPrefersReducedMotion
+  he as animateValue
 };

package/dist/lyra171.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={current:null},t={current:!1};exports.hasReducedMotionListener=t;exports.prefersReducedMotion=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra207.cjs"),g=require("./lyra264.cjs"),a=require("./lyra265.cjs"),p=require("./lyra175.cjs"),T=require("./lyra266.cjs"),d=require("./lyra267.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;

package/dist/lyra171.js

@@ -1,5 +1,30 @@
-const e = { current: null }, n = { current: !1 };
+import { easeInOut as c } from "./lyra207.js";
+import { isEasingArray as p } from "./lyra264.js";
+import { easingDefinitionToFunction as m } from "./lyra265.js";
+import { interpolate as u } from "./lyra175.js";
+import { defaultOffset as l } from "./lyra266.js";
+import { convertOffsetToTimes as g } from "./lyra267.js";
+function T(n, t) {
+  return n.map(() => t || c).splice(0, n.length - 1);
+}
+function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
+  const e = p(r) ? r.map(m) : m(r), i = {
+    done: !1,
+    value: t[0]
+  }, s = g(
+    // Only use the provided offsets if they're the correct length
+    // TODO Maybe we should warn here if there's a length mismatch
+    o && o.length === t.length ? o : l(t),
+    n
+  ), a = u(s, t, {
+    ease: Array.isArray(e) ? e : T(t, e)
+  });
+  return {
+    calculatedDuration: n,
+    next: (f) => (i.value = a(f), i.done = f >= n, i)
+  };
+}
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  T as defaultEasing,
+  y as keyframes
 };

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra210.cjs");class u{constructor(){this.subscriptions=[]}add(s){return o.addUniqueItem(this.subscriptions,s),()=>o.removeItem(this.subscriptions,s)}notify(s,r,e){const t=this.subscriptions.length;if(t)if(t===1)this.subscriptions[0](s,r,e);else for(let i=0;i<t;i++){const n=this.subscriptions[i];n&&n(s,r,e)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}exports.SubscriptionManager=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./lyra177.cjs"),R=require("./lyra191.cjs"),T=require("./lyra192.cjs"),V=["duration","bounce"],A=["stiffness","damping","mass"];function S(n,s){return s.some(r=>n[r]!==void 0)}function O(n){let s={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...n};if(!S(n,A)&&S(n,V)){const r=T.findSpring(n);s={...s,...r,velocity:0,mass:1},s.isResolvedFromDuration=!0}return s}function w({keyframes:n,restDelta:s,restSpeed:r,...b}){const f=n[0],l=n[n.length-1],u={done:!1,value:f},{stiffness:p,damping:x,mass:m,velocity:v,duration:M,isResolvedFromDuration:y}=O(b),h=v?-F.millisecondsToSeconds(v):0,t=x/(2*Math.sqrt(p*m)),a=l-f,o=F.millisecondsToSeconds(Math.sqrt(p/m)),q=Math.abs(a)<5;r||(r=q?.01:2),s||(s=q?.005:.5);let d;if(t<1){const e=T.calcAngularFreq(o,t);d=i=>{const c=Math.exp(-t*o*i);return l-c*((h+t*o*a)/e*Math.sin(e*i)+a*Math.cos(e*i))}}else if(t===1)d=e=>l-Math.exp(-o*e)*(a+(h+o*a)*e);else{const e=o*Math.sqrt(t*t-1);d=i=>{const c=Math.exp(-t*o*i),g=Math.min(e*i,300);return l-c*((h+t*o*a)*Math.sinh(g)+e*a*Math.cosh(g))/e}}return{calculatedDuration:y&&M||null,next:e=>{const i=d(e);if(y)u.done=e>=M;else{let c=h;e!==0&&(t<1?c=R.calcGeneratorVelocity(d,e,i):c=0);const g=Math.abs(c)<=r,D=Math.abs(l-i)<=s;u.done=g&&D}return u.value=u.done?l:i,u}}}exports.spring=w;