@new-black/lyra 0.0.16 → 0.0.18

package/dist/lyra134.js

@@ -1,16 +1,13 @@
-import { resolveVariantFromProps as n } from "./lyra164.js";
-function c(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.get()), t;
-}
-function u(r) {
-  const t = {};
-  return r.values.forEach((o, e) => t[e] = o.getVelocity()), t;
-}
-function s(r, t, o) {
-  const e = r.getProps();
-  return n(e, t, o !== void 0 ? o : e.custom, c(r), u(r));
-}
+import { AnimationFeature as t } from "./lyra229.js";
+import { ExitAnimationFeature as i } from "./lyra230.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
 export {
-  s as resolveVariant
+  o as animations
 };

package/dist/lyra135.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra152.cjs"),A=require("./lyra160.cjs"),w=require("./lyra190.cjs"),q=require("./lyra251.cjs"),S=require("./lyra159.cjs"),P=require("./lyra216.cjs");function V({protectedKeys:t,needsAnimating:o},e){const i=t.hasOwnProperty(e)&&o[e]!==!0;return o[e]=!1,i}function b(t,o,{delay:e=0,transitionOverride:i,type:u}={}){let{transition:d=t.getDefaultTransition(),transitionEnd:r,...f}=t.makeTargetAnimatable(o);const s=t.getValue("willChange");i&&(d=i);const c=[],p=u&&t.animationState&&t.animationState.getState()[u];for(const a in f){const n=t.getValue(a),g=f[a];if(!n||g===void 0||p&&V(p,a))continue;const l={delay:e,elapsed:0,...d};if(window.HandoffAppearAnimations&&!n.hasAnimated){const h=t.getProps()[w.optimizedAppearDataAttribute];h&&(l.elapsed=window.HandoffAppearAnimations(h,a,n,T.frame))}n.start(q.animateMotionValue(a,n,g,t.shouldReduceMotion&&A.transformProps.has(a)?{type:!1}:l));const m=n.animation;S.isWillChangeMotionValue(s)&&(s.add(a),m.then(()=>s.remove(a))),c.push(m)}return r&&Promise.all(c).then(()=>{r&&P.setTarget(t,r)}),c}exports.animateTarget=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra255.cjs"),r=require("./lyra256.cjs"),o=require("./lyra257.cjs"),t=require("./lyra258.cjs"),u={pan:{Feature:r.PanGesture},drag:{Feature:e.DragGesture,ProjectionNode:t.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.drag=u;

package/dist/lyra135.js

@@ -1,35 +1,17 @@
-import { frame as A } from "./lyra152.js";
-import { transformProps as w } from "./lyra160.js";
-import { optimizedAppearDataAttribute as T } from "./lyra190.js";
-import { animateMotionValue as P } from "./lyra251.js";
-import { isWillChangeMotionValue as S } from "./lyra159.js";
-import { setTarget as V } from "./lyra216.js";
-function C({ protectedKeys: t, needsAnimating: i }, n) {
-  const e = t.hasOwnProperty(n) && i[n] !== !0;
-  return i[n] = !1, e;
-}
-function x(t, i, { delay: n = 0, transitionOverride: e, type: p } = {}) {
-  let { transition: m = t.getDefaultTransition(), transitionEnd: r, ...c } = t.makeTargetAnimatable(i);
-  const f = t.getValue("willChange");
-  e && (m = e);
-  const s = [], d = p && t.animationState && t.animationState.getState()[p];
-  for (const o in c) {
-    const a = t.getValue(o), u = c[o];
-    if (!a || u === void 0 || d && C(d, o))
-      continue;
-    const g = { delay: n, elapsed: 0, ...m };
-    if (window.HandoffAppearAnimations && !a.hasAnimated) {
-      const l = t.getProps()[T];
-      l && (g.elapsed = window.HandoffAppearAnimations(l, o, a, A));
-    }
-    a.start(P(o, a, u, t.shouldReduceMotion && w.has(o) ? { type: !1 } : g));
-    const h = a.animation;
-    S(f) && (f.add(o), h.then(() => f.remove(o))), s.push(h);
+import { DragGesture as r } from "./lyra255.js";
+import { PanGesture as o } from "./lyra256.js";
+import { MeasureLayout as e } from "./lyra257.js";
+import { HTMLProjectionNode as t } from "./lyra258.js";
+const u = {
+  pan: {
+    Feature: o
+  },
+  drag: {
+    Feature: r,
+    ProjectionNode: t,
+    MeasureLayout: e
   }
-  return r && Promise.all(s).then(() => {
-    r && V(t, r);
-  }), s;
-}
+};
 export {
-  x as animateTarget
+  u as drag
 };

package/dist/lyra136.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra134.cjs"),y=require("./lyra135.cjs");function m(r,t,n={}){const i=g.resolveVariant(r,t,n.custom);let{transition:o=r.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(o=n.transitionOverride);const s=i?()=>Promise.all(y.animateTarget(r,i,n)):()=>Promise.resolve(),a=r.variantChildren&&r.variantChildren.size?(c=0)=>{const{delayChildren:e=0,staggerChildren:d,staggerDirection:u}=o;return h(r,t,e+c,d,u,n)}:()=>Promise.resolve(),{when:l}=o;if(l){const[c,e]=l==="beforeChildren"?[s,a]:[a,s];return c().then(()=>e())}else return Promise.all([s(),a(n.delay)])}function h(r,t,n=0,i=0,o=1,s){const a=[],l=(r.variantChildren.size-1)*i,c=o===1?(e=0)=>e*i:(e=0)=>l-e*i;return Array.from(r.variantChildren).sort(f).forEach((e,d)=>{e.notify("AnimationStart",t),a.push(m(e,t,{...s,delay:n+c(d)}).then(()=>e.notify("AnimationComplete",t)))}),Promise.all(a)}function f(r,t){return r.sortNodePosition(t)}exports.animateVariant=m;exports.sortByTreeOrder=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra259.cjs"),r=require("./lyra260.cjs"),l=require("./lyra247.cjs"),a=(t,e)=>l.isSVGComponent(t)?new r.SVGVisualElement(e,{enableHardwareAcceleration:!1}):new n.HTMLVisualElement(e,{enableHardwareAcceleration:!0});exports.createDomVisualElement=a;

package/dist/lyra136.js

@@ -1,32 +1,7 @@
-import { resolveVariant as l } from "./lyra134.js";
-import { animateTarget as h } from "./lyra135.js";
-function g(r, e, n = {}) {
-  const i = l(r, e, n.custom);
-  let { transition: a = r.getDefaultTransition() || {} } = i || {};
-  n.transitionOverride && (a = n.transitionOverride);
-  const s = i ? () => Promise.all(h(r, i, n)) : () => Promise.resolve(), o = r.variantChildren && r.variantChildren.size ? (m = 0) => {
-    const { delayChildren: t = 0, staggerChildren: c, staggerDirection: d } = a;
-    return C(r, e, t + m, c, d, n);
-  } : () => Promise.resolve(), { when: f } = a;
-  if (f) {
-    const [m, t] = f === "beforeChildren" ? [s, o] : [o, s];
-    return m().then(() => t());
-  } else
-    return Promise.all([s(), o(n.delay)]);
-}
-function C(r, e, n = 0, i = 0, a = 1, s) {
-  const o = [], f = (r.variantChildren.size - 1) * i, m = a === 1 ? (t = 0) => t * i : (t = 0) => f - t * i;
-  return Array.from(r.variantChildren).sort(u).forEach((t, c) => {
-    t.notify("AnimationStart", e), o.push(g(t, e, {
-      ...s,
-      delay: n + m(c)
-    }).then(() => t.notify("AnimationComplete", e)));
-  }), Promise.all(o);
-}
-function u(r, e) {
-  return r.sortNodePosition(e);
-}
+import { HTMLVisualElement as a } from "./lyra259.js";
+import { SVGVisualElement as t } from "./lyra260.js";
+import { isSVGComponent as n } from "./lyra247.js";
+const i = (r, e) => n(r) ? new t(e, { enableHardwareAcceleration: !1 }) : new a(e, { enableHardwareAcceleration: !0 });
 export {
-  g as animateVariant,
-  u as sortByTreeOrder
+  i as createDomVisualElement
 };

package/dist/lyra137.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","transformValues","custom","inherit","onLayoutAnimationStart","onLayoutAnimationComplete","onLayoutMeasure","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","ignoreStrict","viewport"]);function n(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||o.has(t)}exports.isValidMotionProp=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra258.cjs"),o=require("./lyra257.cjs"),t={layout:{ProjectionNode:e.HTMLProjectionNode,MeasureLayout:o.MeasureLayout}};exports.layout=t;

package/dist/lyra137.js

@@ -1,41 +1,11 @@
-const n = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "transformValues",
-  "custom",
-  "inherit",
-  "onLayoutAnimationStart",
-  "onLayoutAnimationComplete",
-  "onLayoutMeasure",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "ignoreStrict",
-  "viewport"
-]);
-function o(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || n.has(t);
-}
+import { HTMLProjectionNode as o } from "./lyra258.js";
+import { MeasureLayout as t } from "./lyra257.js";
+const a = {
+  layout: {
+    ProjectionNode: o,
+    MeasureLayout: t
+  }
+};
 export {
-  o as isValidMotionProp
+  a as layout
 };

package/dist/lyra138.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra139.cjs");function c(){const n=t.useContext(u.PresenceContext);if(n===null)return[!0,null];const{isPresent:r,onExitComplete:e,register:o}=n,s=t.useId();return t.useEffect(()=>o(s),[]),!r&&e?[!1,()=>e&&e(s)]:[!0]}exports.usePresence=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra167.cjs"),r=require("react"),d=require("./lyra139.cjs");function s(){const n=d.useIsMounted(),[e,o]=r.useState(0),t=r.useCallback(()=>{n.current&&o(e+1)},[e]);return[r.useCallback(()=>c.frame.postRender(t),[t]),e]}exports.useForceUpdate=s;

package/dist/lyra138.js

@@ -1,12 +1,12 @@
-import { useContext as s, useId as u, useEffect as c } from "react";
-import { PresenceContext as f } from "./lyra139.js";
-function x() {
-  const t = s(f);
-  if (t === null)
-    return [!0, null];
-  const { isPresent: n, onExitComplete: e, register: r } = t, o = u();
-  return c(() => r(o), []), !n && e ? [!1, () => e && e(o)] : [!0];
+import { frame as d } from "./lyra167.js";
+import { useState as c, useCallback as o } from "react";
+import { useIsMounted as s } from "./lyra139.js";
+function R() {
+  const t = s(), [e, n] = c(0), r = o(() => {
+    t.current && n(e + 1);
+  }, [e]);
+  return [o(() => d.postRender(r), [r]), e];
 }
 export {
-  x as usePresence
+  R as useForceUpdate
 };

package/dist/lyra139.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.PresenceContext=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./lyra142.cjs");function u(){const e=t.useRef(!1);return r.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=u;

package/dist/lyra139.js

@@ -1,5 +1,11 @@
-import { createContext as e } from "react";
-const o = e(null);
+import { useRef as r } from "react";
+import { useIsomorphicLayoutEffect as t } from "./lyra142.js";
+function n() {
+  const e = r(!1);
+  return t(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+}
 export {
-  o as PresenceContext
+  n as useIsMounted
 };

package/dist/lyra14.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra32.cjs"),E=require("react"),t=require("./lyra53.cjs"),g=require("./lyra17.cjs"),x=require("./lyra46.cjs");require("./lyra54.cjs");const m=require("./lyra26.cjs");require("./lyra55.cjs");require("./lyra16.cjs");const f=require("./lyra25.cjs");require("./lyra12.cjs");require("./lyra8.cjs");require("./lyra58.cjs");const i=require("./lyra15.cjs"),N=require("./lyra19.cjs"),d=require("./lyra33.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:y,isFocusVisible:q,isHovered:R})=>d.twMerge(i.sharedInputFieldStyles({isDisabled:y,isHovered:R,isFocused:q,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"),i=require("react"),n=require("./lyra74.cjs"),x=require("./lyra71.cjs");require("./lyra10.cjs");require("./lyra114.cjs");require("./lyra19.cjs");const j=require("./lyra28.cjs"),p=require("./lyra8.cjs");require("./lyra75.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const t=require("./lyra18.cjs"),f=require("./lyra29.cjs");require("./lyra70.cjs");const w=require("./lyra37.cjs"),H=i.forwardRef(({label:r,hint:l,description:a,errorMessage:o,className:y,hideStepper:u=!1,startSlot:c,size:h,...m},q)=>{const{fullWidth:v=!1,isDisabled:s=!1,isRequired:d=!1,validationState:R,decrementAriaLabel:b="Decrement",incrementAriaLabel:E="Increment"}=m,[F,N]=i.useState(!1),[g,I]=i.useState(!1);return e.jsxRuntimeExports.jsxs(n.NumberField,{className:y,...m,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:x.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(n.Label,{className:t.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,d&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,l?e.jsxRuntimeExports.jsx("span",{className:t.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:l}):null]}),e.jsxRuntimeExports.jsxs("div",{className:w.twMerge(t.sharedInputFieldStyles({fullWidth:v,isFocused:F,isHovered:g,isDisabled:s,validationState:R})),children:[c,e.jsxRuntimeExports.jsx(n.Input,{className:({isFocused:S,isHovered:T})=>(N(S),I(T),t.sharedInputStyles({size:h,className:x.cx(!!c&&"ps-2",!u&&"pe-2")})),required:d,disabled:s,style:{fontFamily:"var(--input-font-family)"}}),!u&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-1 pe-2",children:[e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",color:"monochrome",isDisabled:s,tooltip:b,slot:"decrement",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"minus"})}),e.jsxRuntimeExports.jsx(p.Button,{size:"small",variant:"ghost",isDisabled:s,color:"monochrome",tooltip:E,slot:"increment",excludeFromTabOrder:!1,children:e.jsxRuntimeExports.jsx(j.SvgIcon,{name:"plus"})})]})]}),a&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:a}),o&&e.jsxRuntimeExports.jsx(f.Text,{className:"ms-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.NumberField=H;

package/dist/lyra14.js

@@ -1,134 +1,150 @@
-import { j as e } from "./lyra32.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 "./lyra53.js";
-import { ListBox as w } from "./lyra17.js";
-import { cx as i } from "./lyra46.js";
-import "./lyra54.js";
-import { Text as c } from "./lyra26.js";
-import "./lyra55.js";
+import { j as e } from "./lyra36.js";
+import { forwardRef as w, useState as d } from "react";
+import { NumberField as L, Label as R, Input as T } from "./lyra74.js";
+import { cx as c } from "./lyra71.js";
+import "./lyra10.js";
+import "./lyra114.js";
+import "./lyra19.js";
+import { SvgIcon as f } from "./lyra28.js";
+import { Button as p } from "./lyra8.js";
+import "./lyra75.js";
 import "./lyra16.js";
-import { SvgIcon as F } from "./lyra25.js";
-import "./lyra12.js";
-import "./lyra8.js";
-import "./lyra58.js";
-import { sharedInputFieldWrapperStyles as I, sharedInputlabelStyles as B, sharedInputHintStyles as C, sharedInputFieldStyles as L } from "./lyra15.js";
-import { Popover as M } from "./lyra19.js";
-import { twMerge as d } from "./lyra33.js";
-function P({
-  label: s,
-  hint: o,
-  size: a = "medium",
-  fullWidth: n,
-  validationState: f,
-  isRequired: p,
-  description: l,
-  errorMessage: m,
-  ...t
-}, r) {
-  return [t, r] = b(t, r, v), /* @__PURE__ */ e.jsx(
-    y,
-    {
-      ...t,
-      ref: r,
-      className: d(I({ fullWidth: n })),
-      children: ({ isOpen: x }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxs(
-          "div",
-          {
-            className: i(
-              "mx-1 flex items-center gap-3",
-              s ? "justify-between" : "justify-end"
+import "./lyra17.js";
+import { sharedInputlabelStyles as q, sharedInputHintStyles as z, sharedInputFieldStyles as A, sharedInputStyles as D } from "./lyra18.js";
+import { Text as u } from "./lyra29.js";
+import "./lyra70.js";
+import { twMerge as O } from "./lyra37.js";
+const _ = w(
+  ({
+    label: t,
+    hint: r,
+    description: a,
+    errorMessage: l,
+    className: x,
+    hideStepper: o = !1,
+    startSlot: i,
+    size: b,
+    ...m
+  }, h) => {
+    const {
+      fullWidth: j = !1,
+      isDisabled: s = !1,
+      isRequired: n = !1,
+      validationState: y,
+      decrementAriaLabel: v = "Decrement",
+      incrementAriaLabel: F = "Increment"
+    } = m, [N, I] = d(!1), [$, g] = d(!1);
+    return /* @__PURE__ */ e.jsxs(L, { className: x, ...m, ref: h, children: [
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: c(
+            "flex items-center gap-3",
+            t ? "justify-between" : "justify-end"
+          ),
+          children: [
+            t ? /* @__PURE__ */ e.jsxs(
+              R,
+              {
+                className: q(),
+                style: { fontFamily: "var(--input-label-font-family)" },
+                children: [
+                  t,
+                  n && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                ]
+              }
+            ) : null,
+            r ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: z(),
+                style: { fontFamily: "var(--input-hint-font-family)" },
+                children: r
+              }
+            ) : null
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: O(
+            A({
+              fullWidth: j,
+              isFocused: N,
+              isHovered: $,
+              isDisabled: s,
+              validationState: y
+            })
+          ),
+          children: [
+            i,
+            /* @__PURE__ */ e.jsx(
+              T,
+              {
+                className: ({ isFocused: S, isHovered: H }) => (I(S), g(H), D({
+                  size: b,
+                  className: c(!!i && "ps-2", !o && "pe-2")
+                })),
+                required: n,
+                disabled: s,
+                style: { fontFamily: "var(--input-font-family)" }
+              }
             ),
-            children: [
-              s ? /* @__PURE__ */ e.jsxs(
-                N,
-                {
-                  className: B(),
-                  style: { fontFamily: "var(--input-label-font-family)" },
-                  children: [
-                    s,
-                    p && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
-                  ]
-                }
-              ) : null,
-              o ? /* @__PURE__ */ e.jsx(
-                "span",
+            !o && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 pe-2", children: [
+              /* @__PURE__ */ e.jsx(
+                p,
                 {
-                  className: C(),
-                  style: { fontFamily: "var(--input-hint-font-family)" },
-                  children: o
+                  size: "small",
+                  variant: "ghost",
+                  color: "monochrome",
+                  isDisabled: s,
+                  tooltip: v,
+                  slot: "decrement",
+                  excludeFromTabOrder: !1,
+                  children: /* @__PURE__ */ e.jsx(f, { name: "minus" })
                 }
-              ) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ e.jsxs(
-          g,
-          {
-            className: ({ isDisabled: u, isFocusVisible: h, isHovered: j }) => d(
-              L({
-                isDisabled: u,
-                isHovered: j,
-                isFocused: h,
-                fullWidth: n,
-                size: a,
-                validationState: f,
-                className: "w-full items-center justify-between gap-3"
-              })
-            ),
-            children: [
-              /* @__PURE__ */ e.jsx(S, { className: "select-none truncate" }),
+              ),
               /* @__PURE__ */ e.jsx(
-                F,
+                p,
                 {
-                  name: "chevron-down",
-                  "aria-hidden": "true",
-                  className: i(
-                    a === "large" && "h-5 w-5",
-                    a === "medium" && "h-4 w-4",
-                    a === "small" && "h-3 w-3",
-                    x ? "rotate-180" : "rotate-0",
-                    "transition duration-200 ease-out"
-                  )
+                  size: "small",
+                  variant: "ghost",
+                  isDisabled: s,
+                  color: "monochrome",
+                  tooltip: F,
+                  slot: "increment",
+                  excludeFromTabOrder: !1,
+                  children: /* @__PURE__ */ e.jsx(f, { name: "plus" })
                 }
               )
-            ]
-          }
-        ) }),
-        l && /* @__PURE__ */ e.jsx(
-          c,
-          {
-            className: "ms-1 mt-1.5",
-            variant: "body-small",
-            color: "secondary",
-            slot: "description",
-            children: l
-          }
-        ),
-        m && /* @__PURE__ */ e.jsx(
-          c,
-          {
-            className: "ms-1 mt-1.5",
-            variant: "body-small",
-            color: "accent-danger",
-            slot: "errorMessage",
-            children: m
-          }
-        ),
-        /* @__PURE__ */ e.jsx(M, { children: /* @__PURE__ */ e.jsx(
-          w,
-          {
-            className: "outline-none",
-            "aria-label": s ?? `options on select ${t.name}`,
-            selectionMode: "single",
-            children: t.children
-          }
-        ) })
-      ] })
-    }
-  );
-}
-const W = $(P);
+            ] })
+          ]
+        }
+      ),
+      a && /* @__PURE__ */ e.jsx(
+        u,
+        {
+          className: "ms-1 mt-1.5",
+          variant: "body-small",
+          color: "secondary",
+          slot: "description",
+          children: a
+        }
+      ),
+      l && /* @__PURE__ */ e.jsx(
+        u,
+        {
+          className: "ms-1 mt-1.5",
+          variant: "body-small",
+          color: "accent-danger",
+          slot: "errorMessage",
+          children: l
+        }
+      )
+    ] });
+  }
+);
 export {
-  W as Select
+  _ as NumberField
 };

package/dist/lyra140.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),E=require("./lyra141.cjs"),v=require("./lyra142.cjs"),M=require("./lyra143.cjs"),g=require("./lyra144.cjs"),b=require("./lyra145.cjs"),S=require("./lyra146.cjs"),L=require("./lyra147.cjs"),G=require("./lyra126.cjs"),p=require("./lyra148.cjs"),w=require("./lyra149.cjs"),O=require("./lyra150.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,i.get?i:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const C=j(r);function P({preloadedFeatures:e,createVisualElement:t,useRender:n,useVisualState:i,Component:c}){e&&S.loadFeatures(e);function d(u,x){let a;const s={...r.useContext(E.MotionConfigContext),...u,layoutId:R(u)},{isStatic:l}=s,o=b.useCreateMotionContext(u),f=i(u,l);if(!l&&L.isBrowser){o.visualElement=M.useVisualElement(c,f,s,t);const y=r.useContext(w.SwitchLayoutGroupContext),q=r.useContext(p.LazyContext).strict;o.visualElement&&(a=o.visualElement.loadFeatures(s,q,e,y))}return C.createElement(v.MotionContext.Provider,{value:o},a&&o.visualElement?C.createElement(a,{visualElement:o.visualElement,...s}):null,n(c,u,g.useMotionRef(f,o.visualElement,x),f,l,o.visualElement))}const m=r.forwardRef(d);return m[O.motionComponentSymbol]=c,m}function R({layoutId:e}){const t=r.useContext(G.LayoutGroupContext).id;return t&&e!==void 0?t+"-"+e:e}exports.createMotionComponent=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),C=require("./lyra154.cjs"),b=require("./lyra240.cjs"),g=require("./lyra246.cjs");function m(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const a=m(u),q=({children:t,initial:o,isPresent:e,onExitComplete:r,custom:f,presenceAffectsLayout:i,mode:l})=>{const n=b.useConstant(y),d=u.useId(),p=u.useMemo(()=>({id:d,initial:o,isPresent:e,custom:f,onExitComplete:c=>{n.set(c,!0);for(const s of n.values())if(!s)return;r&&r()},register:c=>(n.set(c,!1),()=>n.delete(c))}),i?void 0:[e]);return u.useMemo(()=>{n.forEach((c,s)=>n.set(s,!1))},[e]),a.useEffect(()=>{!e&&!n.size&&r&&r()},[e]),l==="popLayout"&&(t=a.createElement(g.PopChild,{isPresent:e},t)),a.createElement(C.PresenceContext.Provider,{value:p},t)};function y(){return new Map}exports.PresenceChild=q;