@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra21.js

@@ -1,65 +1,124 @@
-import { j as t } from "./lyra37.js";
-import { forwardRef as i } from "react";
-import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra71.js";
-import { Text as $ } from "./lyra30.js";
-import { listBoxStyles as u, listBoxItemStyles as B, listBoxHeaderStyles as S } from "./lyra22.js";
-import { SvgIcon as N } from "./lyra29.js";
-import { twMerge as m } from "./lyra38.js";
-const y = ({
-  className: s,
-  isEmptyLabel: e = "No options available",
-  renderEmptyState: a,
-  selectionMode: c = "single",
-  ...o
-}, r) => /* @__PURE__ */ t.jsx(
-  l,
-  {
-    ...o,
-    ref: r,
-    selectionMode: c,
-    className: m(u({ className: s })),
-    renderEmptyState: a || (() => /* @__PURE__ */ t.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ t.jsx($, { variant: "body-medium", children: e }) }))
+import { j as e } from "./lyra39.js";
+import { forwardRef as $, useState as d } from "react";
+import { TextField as g, Label as H, Input as w } from "./lyra79.js";
+import { Text as f } from "./lyra32.js";
+import { cx as i } from "./lyra74.js";
+import "./lyra77.js";
+import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra18.js";
+import "./lyra76.js";
+import { twMerge as W } from "./lyra40.js";
+const P = $(
+  ({
+    label: s,
+    description: l,
+    errorMessage: r,
+    className: p,
+    fullWidth: x = !1,
+    isDisabled: a = !1,
+    isRequired: t = !1,
+    validationState: o,
+    startSlot: n,
+    endSlot: m,
+    size: u,
+    hint: c,
+    ...y
+  }, h) => {
+    const [j, F] = d(!1), [b, I] = d(!1);
+    return /* @__PURE__ */ e.jsxs(
+      g,
+      {
+        className: S({ className: p }),
+        isDisabled: a,
+        isRequired: t,
+        validationState: o,
+        ...y,
+        ref: h,
+        children: [
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: i(
+                "flex items-center gap-3",
+                s ? "justify-between" : "justify-end"
+              ),
+              children: [
+                s ? /* @__PURE__ */ e.jsxs(
+                  H,
+                  {
+                    className: T(),
+                    style: { fontFamily: "var(--input-label-font-family)" },
+                    children: [
+                      s,
+                      t && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                    ]
+                  }
+                ) : null,
+                c ? /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: E(),
+                    style: { fontFamily: "var(--input-hint-font-family)" },
+                    children: c
+                  }
+                ) : null
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: W(
+                L({
+                  fullWidth: x,
+                  isFocused: j,
+                  isHovered: b,
+                  isDisabled: a,
+                  validationState: o
+                })
+              ),
+              children: [
+                n,
+                /* @__PURE__ */ e.jsx(
+                  w,
+                  {
+                    className: ({ isFocused: N, isHovered: v }) => (F(N), I(v), M({
+                      size: u,
+                      className: i(!!n && "ps-2", !!m && "pe-2")
+                    })),
+                    required: t,
+                    disabled: a,
+                    style: { fontFamily: "var(--input-font-family)" }
+                  }
+                ),
+                m
+              ]
+            }
+          ),
+          l && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "secondary",
+              slot: "description",
+              children: l
+            }
+          ),
+          r && /* @__PURE__ */ e.jsx(
+            f,
+            {
+              className: "ml-1 mt-1.5",
+              variant: "body-small",
+              color: "accent-danger",
+              slot: "errorMessage",
+              children: r
+            }
+          )
+        ]
+      }
+    );
   }
-), b = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
-  d,
-  {
-    ...a,
-    ref: c,
-    className: ({
-      isDisabled: o,
-      isPressed: r,
-      isSelected: x,
-      isFocused: n,
-      isHovered: f
-    }) => m(
-      B({
-        className: s,
-        isDisabled: o,
-        isPressed: r,
-        isSelected: x,
-        isFocused: n,
-        isHovered: f
-      })
-    ),
-    children: (o) => /* @__PURE__ */ t.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
-      /* @__PURE__ */ t.jsx("div", { className: o.isSelected ? "" : "me-5", children: typeof e == "function" ? e(o) : e }),
-      o.isSelected && /* @__PURE__ */ t.jsx(N, { name: "checkmark", className: "h-4 w-4" })
-    ] })
-  }
-), v = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(
-  p,
-  {
-    ...e,
-    ref: a,
-    className: S({ className: s })
-  }
-), L = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), E = i(y), M = i(b), T = i(L), q = i(v);
+);
 export {
-  v as Header,
-  b as Item,
-  E as ListBox,
-  q as ListBoxHeader,
-  M as ListBoxItem,
-  T as ListBoxSection,
-  L as Section
+  P as TextField
 };

package/dist/lyra210.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra211.cjs"),a=t=>(t*=2)<1?.5*e.backIn(t):.5*(2-Math.pow(2,-10*(t-1)));exports.anticipate=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra199.cjs"),t={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},r={...t,transform:e=>a.clamp(0,1,e)},s={...t,default:1};exports.alpha=r;exports.number=t;exports.scale=s;

package/dist/lyra210.js

@@ -1,5 +1,17 @@
-import { backIn as o } from "./lyra211.js";
-const c = (t) => (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+import { clamp as a } from "./lyra199.js";
+const r = {
+  test: (t) => typeof t == "number",
+  parse: parseFloat,
+  transform: (t) => t
+}, e = {
+  ...r,
+  transform: (t) => a(0, 1, t)
+}, s = {
+  ...r,
+  default: 1
+};
 export {
-  c as anticipate
+  e as alpha,
+  r as number,
+  s as scale
 };

package/dist/lyra211.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra212.cjs"),t=require("./lyra213.cjs"),i=require("./lyra214.cjs"),e=c.cubicBezier(.33,1.53,.69,.99),r=i.reverseEasing(e),n=t.mirrorEasing(r);exports.backIn=r;exports.backInOut=n;exports.backOut=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra203.cjs"),r=e=>({test:t=>n.isString(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),o=r("deg"),s=r("%"),c=r("px"),p=r("vh"),a=r("vw"),g={...s,parse:e=>s.parse(e)/100,transform:e=>s.transform(e*100)};exports.degrees=o;exports.percent=s;exports.progressPercentage=g;exports.px=c;exports.vh=p;exports.vw=a;

package/dist/lyra211.js

@@ -1,9 +1,18 @@
-import { cubicBezier as r } from "./lyra212.js";
-import { mirrorEasing as o } from "./lyra213.js";
-import { reverseEasing as t } from "./lyra214.js";
-const c = r(0.33, 1.53, 0.69, 0.99), i = t(c), s = o(i);
+import { isString as n } from "./lyra203.js";
+const s = (t) => ({
+  test: (e) => n(e) && e.endsWith(t) && e.split(" ").length === 1,
+  parse: parseFloat,
+  transform: (e) => `${e}${t}`
+}), p = s("deg"), r = s("%"), a = s("px"), c = s("vh"), g = s("vw"), i = {
+  ...r,
+  parse: (t) => r.parse(t) / 100,
+  transform: (t) => r.transform(t * 100)
+};
 export {
-  i as backIn,
-  s as backInOut,
-  c as backOut
+  p as degrees,
+  r as percent,
+  i as progressPercentage,
+  a as px,
+  c as vh,
+  g as vw
 };

package/dist/lyra212.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra195.cjs"),s=(n,e,r)=>(((1-3*r+3*e)*n+(3*r-6*e))*n+3*e)*n,l=1e-7,a=12;function f(n,e,r,c,o){let i,t,u=0;do t=e+(r-e)/2,i=s(t,c,o)-n,i>0?r=t:e=t;while(Math.abs(i)>l&&++u<a);return t}function d(n,e,r,c){if(n===e&&r===c)return b.noop;const o=i=>f(i,0,1,n,r);return i=>i===0||i===1?i:s(o(i),e,c)}exports.cubicBezier=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra213.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;

package/dist/lyra212.js

@@ -1,18 +1,6 @@
-import { noop as b } from "./lyra195.js";
-const s = (n, i, r) => (((1 - 3 * r + 3 * i) * n + (3 * r - 6 * i)) * n + 3 * i) * n, f = 1e-7, l = 12;
-function a(n, i, r, c, o) {
-  let e, t, u = 0;
-  do
-    t = i + (r - i) / 2, e = s(t, c, o) - n, e > 0 ? r = t : i = t;
-  while (Math.abs(e) > f && ++u < l);
-  return t;
-}
-function d(n, i, r, c) {
-  if (n === i && r === c)
-    return b;
-  const o = (e) => a(e, 0, 1, n, r);
-  return (e) => e === 0 || e === 1 ? e : s(o(e), i, c);
-}
+import { camelToDash as a } from "./lyra213.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  d as cubicBezier
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };

package/dist/lyra213.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=o=>r=>r<=.5?o(2*r)/2:(2-o(2*(1-r)))/2;exports.mirrorEasing=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();exports.camelToDash=a;

package/dist/lyra213.js

@@ -1,4 +1,4 @@
-const t = (o) => (r) => r <= 0.5 ? o(2 * r) / 2 : (2 - o(2 * (1 - r))) / 2;
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  t as mirrorEasing
+  a as camelToDash
 };

package/dist/lyra214.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>r=>1-e(1-r);exports.reverseEasing=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra219.cjs"),n=5;function i(o,e,c){const t=Math.max(e-n,0);return r.velocityPerSecond(c-o(t),e-t)}exports.calcGeneratorVelocity=i;

package/dist/lyra214.js

@@ -1,4 +1,9 @@
-const s = (e) => (r) => 1 - e(1 - r);
+import { velocityPerSecond as c } from "./lyra219.js";
+const n = 5;
+function i(t, o, r) {
+  const e = Math.max(o - n, 0);
+  return c(r - t(e), o - e);
+}
 export {
-  s as reverseEasing
+  i as calcGeneratorVelocity
 };

package/dist/lyra215.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra213.cjs"),i=require("./lyra214.cjs"),r=e=>1-Math.sin(Math.acos(e)),c=i.reverseEasing(r),n=t.mirrorEasing(c);exports.circIn=r;exports.circInOut=n;exports.circOut=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./lyra151.cjs"),u=require("./lyra199.cjs"),g=require("./lyra200.cjs"),M=.001,b=.01,x=10,S=.05,w=1;function N({duration:n=800,bounce:r=.25,velocity:c=0,mass:e=1}){let i,l;A.warning(n<=g.secondsToMilliseconds(x),"Spring duration must be 10 seconds or less");let s=1-r;s=u.clamp(S,w,s),n=u.clamp(b,x,g.millisecondsToSeconds(n)),s<1?(i=t=>{const a=t*s,o=a*n,p=a-c,f=D(t,s),m=Math.exp(-o);return M-p/f*m},l=t=>{const o=t*s*n,p=o*c+c,f=Math.pow(s,2)*Math.pow(t,2)*n,m=Math.exp(-o),q=D(Math.pow(t,2),s);return(-i(t)+M>0?-1:1)*((p-f)*m)/q}):(i=t=>{const a=Math.exp(-t*n),o=(t-c)*n+1;return-M+a*o},l=t=>{const a=Math.exp(-t*n),o=(c-t)*(n*n);return a*o});const T=5/n,h=v(i,l,T);if(n=g.secondsToMilliseconds(n),isNaN(h))return{stiffness:100,damping:10,duration:n};{const t=Math.pow(h,2)*e;return{stiffness:t,damping:s*2*Math.sqrt(e*t),duration:n}}}const j=12;function v(n,r,c){let e=c;for(let i=1;i<j;i++)e=e-n(e)/r(e);return e}function D(n,r){return n*Math.sqrt(1-r*r)}exports.calcAngularFreq=D;exports.findSpring=N;exports.maxDamping=w;exports.maxDuration=x;exports.minDamping=S;exports.minDuration=b;

package/dist/lyra215.js

@@ -1,8 +1,55 @@
-import { mirrorEasing as c } from "./lyra213.js";
-import { reverseEasing as o } from "./lyra214.js";
-const t = (r) => 1 - Math.sin(Math.acos(r)), i = o(t), a = c(i);
+import { warning as N } from "./lyra151.js";
+import { clamp as h } from "./lyra199.js";
+import { secondsToMilliseconds as g, millisecondsToSeconds as T } from "./lyra200.js";
+const M = 1e-3, A = 0.01, D = 10, G = 0.05, I = 1;
+function E({ duration: t = 800, bounce: i = 0.25, velocity: c = 0, mass: o = 1 }) {
+  let a, p;
+  N(t <= g(D), "Spring duration must be 10 seconds or less");
+  let s = 1 - i;
+  s = h(G, I, s), t = h(A, D, T(t)), s < 1 ? (a = (n) => {
+    const r = n * s, e = r * t, l = r - c, f = w(n, s), m = Math.exp(-e);
+    return M - l / f * m;
+  }, p = (n) => {
+    const e = n * s * t, l = e * c + c, f = Math.pow(s, 2) * Math.pow(n, 2) * t, m = Math.exp(-e), S = w(Math.pow(n, 2), s);
+    return (-a(n) + M > 0 ? -1 : 1) * ((l - f) * m) / S;
+  }) : (a = (n) => {
+    const r = Math.exp(-n * t), e = (n - c) * t + 1;
+    return -M + r * e;
+  }, p = (n) => {
+    const r = Math.exp(-n * t), e = (c - n) * (t * t);
+    return r * e;
+  });
+  const b = 5 / t, x = j(a, p, b);
+  if (t = g(t), isNaN(x))
+    return {
+      stiffness: 100,
+      damping: 10,
+      duration: t
+    };
+  {
+    const n = Math.pow(x, 2) * o;
+    return {
+      stiffness: n,
+      damping: s * 2 * Math.sqrt(o * n),
+      duration: t
+    };
+  }
+}
+const R = 12;
+function j(t, i, c) {
+  let o = c;
+  for (let a = 1; a < R; a++)
+    o = o - t(o) / i(o);
+  return o;
+}
+function w(t, i) {
+  return t * Math.sqrt(1 - i * i);
+}
 export {
-  t as circIn,
-  a as circInOut,
-  i as circOut
+  w as calcAngularFreq,
+  E as findSpring,
+  I as maxDamping,
+  D as maxDuration,
+  G as minDamping,
+  A as minDuration
 };

package/dist/lyra216.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra212.cjs"),c=e.cubicBezier(.42,0,1,1),t=e.cubicBezier(0,0,.58,1),i=e.cubicBezier(.42,0,.58,1);exports.easeIn=c;exports.easeInOut=i;exports.easeOut=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra217.cjs"),r=require("./lyra218.cjs");class i{constructor(){this.children=[],this.isDirty=!1}add(e){t.addUniqueItem(this.children,e),this.isDirty=!0}remove(e){t.removeItem(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(r.compareByDepth),this.isDirty=!1,this.children.forEach(e)}}exports.FlatTree=i;

package/dist/lyra216.js

@@ -1,7 +1,19 @@
-import { cubicBezier as e } from "./lyra212.js";
-const o = e(0.42, 0, 1, 1), s = e(0, 0, 0.58, 1), c = e(0.42, 0, 0.58, 1);
+import { addUniqueItem as t, removeItem as r } from "./lyra217.js";
+import { compareByDepth as e } from "./lyra218.js";
+class c {
+  constructor() {
+    this.children = [], this.isDirty = !1;
+  }
+  add(i) {
+    t(this.children, i), this.isDirty = !0;
+  }
+  remove(i) {
+    r(this.children, i), this.isDirty = !0;
+  }
+  forEach(i) {
+    this.isDirty && this.children.sort(e), this.isDirty = !1, this.children.forEach(i);
+  }
+}
 export {
-  o as easeIn,
-  c as easeInOut,
-  s as easeOut
+  c as FlatTree
 };

package/dist/lyra217.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra160.cjs");function l(n,a){const t=performance.now(),e=({timestamp:o})=>{const c=o-t;c>=a&&(r.cancelFrame(e),n(c-a))};return r.frame.read(e,!0),()=>r.cancelFrame(e)}exports.delay=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,i){e.indexOf(i)===-1&&e.push(i)}function d(e,i){const n=e.indexOf(i);n>-1&&e.splice(n,1)}exports.addUniqueItem=t;exports.removeItem=d;

package/dist/lyra217.js

@@ -1,11 +1,11 @@
-import { frame as s, cancelFrame as c } from "./lyra160.js";
-function p(n, r) {
-  const o = performance.now(), e = ({ timestamp: t }) => {
-    const a = t - o;
-    a >= r && (c(e), n(a - r));
-  };
-  return s.read(e, !0), () => c(e);
+function f(e, n) {
+  e.indexOf(n) === -1 && e.push(n);
+}
+function d(e, n) {
+  const i = e.indexOf(n);
+  i > -1 && e.splice(i, 1);
 }
 export {
-  p as delay
+  f as addUniqueItem,
+  d as removeItem
 };

package/dist/lyra218.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=(t,e)=>Math.abs(t-e);function c(t,e){const s=n(t.x,e.x),a=n(t.y,e.y);return Math.sqrt(s**2+a**2)}exports.distance=n;exports.distance2D=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(e,t)=>e.depth-t.depth;exports.compareByDepth=o;

package/dist/lyra218.js

@@ -1,9 +1,4 @@
-const s = (t, n) => Math.abs(t - n);
-function e(t, n) {
-  const a = s(t.x, n.x), c = s(t.y, n.y);
-  return Math.sqrt(a ** 2 + c ** 2);
-}
+const t = (e, p) => e.depth - p.depth;
 export {
-  s as distance,
-  e as distance2D
+  t as compareByDepth
 };

package/dist/lyra219.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra207.cjs"),h=require("./lyra137.cjs"),b=require("./lyra277.cjs"),m=require("./lyra190.cjs"),l=require("./lyra192.cjs"),c=require("./lyra191.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e){return e?t*(1e3/e):0}exports.velocityPerSecond=o;

package/dist/lyra219.js

@@ -1,24 +1,6 @@
-import { mix as p } from "./lyra207.js";
-import { invariant as c } from "./lyra137.js";
-import { hslaToRgba as f } from "./lyra277.js";
-import { hex as d } from "./lyra190.js";
-import { rgba as i } from "./lyra192.js";
-import { hsla as l } from "./lyra191.js";
-const m = (r, e, o) => {
-  const t = r * r;
-  return Math.sqrt(Math.max(0, o * (e * e - t) + t));
-}, h = [d, i, l], u = (r) => h.find((e) => e.test(r));
-function s(r) {
-  const e = u(r);
-  c(!!e, `'${r}' is not an animatable color. Use the equivalent color code instead.`);
-  let o = e.parse(r);
-  return e === l && (o = f(o)), o;
+function n(c, e) {
+  return e ? c * (1e3 / e) : 0;
 }
-const A = (r, e) => {
-  const o = s(r), t = s(e), n = { ...o };
-  return (a) => (n.red = m(o.red, t.red, a), n.green = m(o.green, t.green, a), n.blue = m(o.blue, t.blue, a), n.alpha = p(o.alpha, t.alpha, a), i.transform(n));
-};
 export {
-  A as mixColor,
-  m as mixLinearColor
+  n as velocityPerSecond
 };

package/dist/lyra22.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra72.cjs");require("./lyra82.cjs");const e=t.cva(["list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),p=require("react"),t=require("./lyra79.cjs"),f=require("./lyra32.cjs"),j=require("./lyra74.cjs");require("./lyra77.cjs");const s=require("./lyra18.cjs");require("./lyra76.cjs");const I=require("./lyra81.cjs");require("./lyra105.cjs");const b=require("./lyra40.cjs"),S=({label:r,description:n,errorMessage:l,className:y,fullWidth:a=!1,isDisabled:d=!1,isRequired:o=!1,validationState:m,startSlot:c,endSlot:u,size:g,hint:x,...h},F)=>{const[q,E]=p.useState(!1),[N,R]=p.useState(!1);return e.jsxRuntimeExports.jsxs(t.TimeField,{className:s.sharedInputFieldWrapperStyles({className:y,fullWidth:a}),isDisabled:d,isRequired:o,validationState:m,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:j.cx("flex items-center gap-3",r?"justify-between":"justify-end"),children:[r?e.jsxRuntimeExports.jsxs(t.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[r,o&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:b.twMerge(s.sharedInputFieldStyles({fullWidth:a,isFocused:q,isHovered:N,isDisabled:d,validationState:m})),children:[c,e.jsxRuntimeExports.jsx(t.DateInput,{className:({isFocusWithin:i,isHovered:v})=>(E(i),R(v),s.sharedInputStyles({size:g,className:j.cx(!!c&&"ps-2",!!u&&"pe-2","flex")})),style:{fontFamily:"var(--input-font-family)"},children:i=>e.jsxRuntimeExports.jsx(t.DateSegment,{className:"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",segment:i})}),u]}),n&&e.jsxRuntimeExports.jsx(f.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:n}),l&&e.jsxRuntimeExports.jsx(f.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:l})]})},T=I.fixedForwardRef(S);exports.TimeField=T;