@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra195.js

@@ -1,7 +1,12 @@
-const n = (e, o, t) => {
-  const r = o - e;
-  return r === 0 ? 1 : (t - e) / r;
+import { isString as o } from "./lyra196.js";
+import { hex as s } from "./lyra197.js";
+import { hsla as t } from "./lyra198.js";
+import { rgba as e } from "./lyra199.js";
+const f = {
+  test: (r) => e.test(r) || s.test(r) || t.test(r),
+  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : s.parse(r),
+  transform: (r) => o(r) ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r)
 };
 export {
-  n as progress
+  f as color
 };

package/dist/lyra196.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra197.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 o=e=>Math.round(e*1e5)/1e5,s=/(-)?([\d]*\.?[\d])+/g,t=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,g=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function i(e){return typeof e=="string"}exports.colorRegex=t;exports.floatRegex=s;exports.isString=i;exports.sanitize=o;exports.singleColorRegex=g;

package/dist/lyra196.js

@@ -1,5 +1,11 @@
-import { backIn as o } from "./lyra197.js";
-const c = (t) => (t *= 2) < 1 ? 0.5 * o(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1)));
+const o = (s) => Math.round(s * 1e5) / 1e5, t = /(-)?([\d]*\.?[\d])+/g, n = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, e = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+function g(s) {
+  return typeof s == "string";
+}
 export {
-  c as anticipate
+  n as colorRegex,
+  t as floatRegex,
+  g as isString,
+  o as sanitize,
+  e as singleColorRegex
 };

package/dist/lyra197.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra198.cjs"),t=require("./lyra199.cjs"),i=require("./lyra200.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 i=require("./lyra199.cjs"),u=require("./lyra272.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;

package/dist/lyra197.js

@@ -1,9 +1,19 @@
-import { cubicBezier as r } from "./lyra198.js";
-import { mirrorEasing as o } from "./lyra199.js";
-import { reverseEasing as t } from "./lyra200.js";
-const c = r(0.33, 1.53, 0.69, 0.99), i = t(c), s = o(i);
+import { rgba as i } from "./lyra199.js";
+import { isColorString as g } from "./lyra272.js";
+function a(r) {
+  let t = "", e = "", n = "", s = "";
+  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
+    red: parseInt(t, 16),
+    green: parseInt(e, 16),
+    blue: parseInt(n, 16),
+    alpha: s ? parseInt(s, 16) / 255 : 1
+  };
+}
+const u = {
+  test: g("#"),
+  parse: a,
+  transform: i.transform
+};
 export {
-  i as backIn,
-  s as backInOut,
-  c as backOut
+  u as hex
 };

package/dist/lyra198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra181.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 o=require("./lyra203.cjs"),r=require("./lyra204.cjs"),t=require("./lyra196.cjs"),e=require("./lyra272.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;

package/dist/lyra198.js

@@ -1,18 +1,12 @@
-import { noop as b } from "./lyra181.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 { alpha as n } from "./lyra203.js";
+import { percent as t } from "./lyra204.js";
+import { sanitize as r } from "./lyra196.js";
+import { isColorString as i, splitColor as e } from "./lyra272.js";
+const u = {
+  test: i("hsl", "hue"),
+  parse: e("hue", "saturation", "lightness"),
+  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
+};
 export {
-  d as cubicBezier
+  u as hsla
 };

package/dist/lyra199.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 i=require("./lyra192.cjs"),n=require("./lyra203.cjs"),l=require("./lyra196.cjs"),e=require("./lyra272.cjs"),c=r=>i.clamp(0,255,r),t={...n.number,transform:r=>Math.round(c(r))},u={test:e.isColorString("rgb","red"),parse:e.splitColor("red","green","blue"),transform:({red:r,green:o,blue:s,alpha:a=1})=>"rgba("+t.transform(r)+", "+t.transform(o)+", "+t.transform(s)+", "+l.sanitize(n.alpha.transform(a))+")"};exports.rgbUnit=t;exports.rgba=u;

package/dist/lyra199.js

@@ -1,4 +1,16 @@
-const t = (o) => (r) => r <= 0.5 ? o(2 * r) / 2 : (2 - o(2 * (1 - r))) / 2;
+import { clamp as n } from "./lyra192.js";
+import { number as s, alpha as i } from "./lyra203.js";
+import { sanitize as p } from "./lyra196.js";
+import { isColorString as e, splitColor as f } from "./lyra272.js";
+const l = (r) => n(0, 255, r), o = {
+  ...s,
+  transform: (r) => Math.round(l(r))
+}, h = {
+  test: e("rgb", "red"),
+  parse: f("red", "green", "blue"),
+  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + p(i.transform(m)) + ")"
+};
 export {
-  t as mirrorEasing
+  o as rgbUnit,
+  h as rgba
 };

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra32.cjs"),p=require("react"),u=require("./lyra39.cjs"),g=require("./lyra40.cjs"),R=require("./lyra41.cjs"),A=require("./lyra42.cjs"),P=require("./lyra43.cjs"),E=require("./lyra44.cjs"),m=require("./lyra3.cjs"),I=require("./lyra25.cjs"),_=require("./lyra45.cjs"),f=require("./lyra33.cjs"),$=require("./lyra46.cjs"),b=require("./lyra47.cjs"),w=require("./lyra48.cjs");function S({className:r,disableAccordionContentPadding:l,itemClassName:c,...t},i){const e=g.useTreeState(t),d=p.useRef(null),a=u.useObjectRef(u.mergeRefs(i,d)),{accordionProps:s}=R.useAccordion(t,e,a);return o.jsxRuntimeExports.jsx("div",{...u.filterDOMProps(t),...s,ref:a,className:r,children:[...e.collection].map(n=>o.jsxRuntimeExports.jsx(M,{item:n,state:e,className:c,disableAccordionContentPadding:l},n.key))})}function M({className:r,disableAccordionContentPadding:l,...c}){const t=p.useRef(null),{state:i,item:e}=c,{buttonProps:d,regionProps:a}=R.useAccordionItem(c,i,t),s=i.expandedKeys.has(e.key),n=i.disabledKeys.has(e.key),{isHovered:j,hoverProps:y}=A.useHover({isDisabled:n}),{isFocusVisible:x,isFocused:h,focusProps:q}=_.useFocusRing(),v=r==null?void 0:r({isDisabled:n,isOpen:s,isHovered:j,isFocused:h,isFocusVisible:x});return o.jsxRuntimeExports.jsxs("div",{className:f.twMerge(m.accordionItemStyles({isFocusVisible:x,className:v})),children:[o.jsxRuntimeExports.jsxs("button",{...u.mergeProps(d,y,q),ref:t,className:f.twMerge(m.accordionItemButtonStyles({isOpen:s,isDisabled:n})),style:{fontFamily:"var(--accordion-title-font-family)"},children:[e.props.title,o.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-down",className:P.cx("transition duration-200 ease-in-out",s?"rotate-180":"rotate-0","w-4")})]}),o.jsxRuntimeExports.jsx($.AnimatePresence,{initial:!1,children:s&&o.jsxRuntimeExports.jsx(b.motion.div,{...E.convertAriaToMotionProps(a),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]},children:o.jsxRuntimeExports.jsx("div",{className:m.accordionItemContentStyles({disableAccordionContentPadding:l}),style:{fontFamily:"var(--accordion-content-font-family)"},children:e.props.children})})})]})}const F=p.forwardRef(S),N=w.Item,O={Root:F,Item:N};exports.Accordion=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra36.cjs"),p=require("react"),l=require("./lyra43.cjs"),g=require("./lyra86.cjs"),j=require("./lyra87.cjs"),A=require("./lyra45.cjs"),I=require("./lyra71.cjs"),P=require("./lyra88.cjs"),m=require("./lyra3.cjs"),E=require("./lyra28.cjs"),$=require("./lyra44.cjs"),f=require("./lyra37.cjs"),b=require("./lyra89.cjs"),w=require("./lyra79.cjs"),S=require("./lyra52.cjs");function _({className:r,disableAccordionContentPadding:u,itemClassName:c,...t},i){const e=g.useTreeState(t),d=p.useRef(null),a=l.useObjectRef(l.mergeRefs(i,d)),{accordionProps:s}=j.useAccordion(t,e,a);return o.jsxRuntimeExports.jsx("div",{...l.filterDOMProps(t),...s,ref:a,className:r,children:[...e.collection].map(n=>o.jsxRuntimeExports.jsx(M,{item:n,state:e,className:c,disableAccordionContentPadding:u},n.key))})}function M({className:r,disableAccordionContentPadding:u,...c}){const t=p.useRef(null),{state:i,item:e}=c,{buttonProps:d,regionProps:a}=j.useAccordionItem(c,i,t),s=i.expandedKeys.has(e.key),n=i.disabledKeys.has(e.key),{isHovered:y,hoverProps:R}=A.useHover({isDisabled:n}),{isFocusVisible:x,isFocused:h,focusProps:q}=$.useFocusRing(),v=r==null?void 0:r({isDisabled:n,isOpen:s,isHovered:y,isFocused:h,isFocusVisible:x});return o.jsxRuntimeExports.jsxs("div",{className:f.twMerge(m.accordionItemStyles({isFocusVisible:x,className:v})),children:[o.jsxRuntimeExports.jsxs("button",{...l.mergeProps(d,R,q),ref:t,className:f.twMerge(m.accordionItemButtonStyles({isOpen:s,isDisabled:n})),style:{fontFamily:"var(--accordion-title-font-family)"},children:[e.props.title,o.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-down",className:I.cx("transition duration-200 ease-in-out",s?"rotate-180":"rotate-0","w-4")})]}),o.jsxRuntimeExports.jsx(b.AnimatePresence,{initial:!1,children:s&&o.jsxRuntimeExports.jsx(w.motion.div,{...P.convertAriaToMotionProps(a),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]},children:o.jsxRuntimeExports.jsx("div",{className:m.accordionItemContentStyles({disableAccordionContentPadding:u}),style:{fontFamily:"var(--accordion-content-font-family)"},children:e.props.children})})})]})}const F=p.forwardRef(_),N=S.Item;exports.Accordion=F;exports.AccordionItem=N;

package/dist/lyra2.js

@@ -1,34 +1,34 @@
-import { j as e } from "./lyra32.js";
+import { j as e } from "./lyra36.js";
 import { forwardRef as h, useRef as p } from "react";
-import { useObjectRef as v, mergeRefs as j, filterDOMProps as R, mergeProps as A } from "./lyra39.js";
-import { useTreeState as I } from "./lyra40.js";
-import { useAccordion as P, useAccordionItem as g } from "./lyra41.js";
-import { useHover as w } from "./lyra42.js";
-import { cx as F } from "./lyra43.js";
-import { convertAriaToMotionProps as S } from "./lyra44.js";
+import { useObjectRef as v, mergeRefs as j, filterDOMProps as I, mergeProps as P } from "./lyra43.js";
+import { useTreeState as R } from "./lyra86.js";
+import { useAccordion as g, useAccordionItem as A } from "./lyra87.js";
+import { useHover as w } from "./lyra45.js";
+import { cx as F } from "./lyra71.js";
+import { convertAriaToMotionProps as S } from "./lyra88.js";
 import { accordionItemStyles as N, accordionItemButtonStyles as k, accordionItemContentStyles as M } from "./lyra3.js";
-import { SvgIcon as O } from "./lyra25.js";
-import { useFocusRing as C } from "./lyra45.js";
-import { twMerge as l } from "./lyra33.js";
-import { AnimatePresence as D } from "./lyra46.js";
-import { motion as H } from "./lyra47.js";
-import { Item as K } from "./lyra48.js";
+import { SvgIcon as O } from "./lyra28.js";
+import { useFocusRing as C } from "./lyra44.js";
+import { twMerge as l } from "./lyra37.js";
+import { AnimatePresence as D } from "./lyra89.js";
+import { motion as H } from "./lyra79.js";
+import { Item as K } from "./lyra52.js";
 function T({
-  className: c,
+  className: i,
   disableAccordionContentPadding: d,
   itemClassName: n,
   ...t
-}, i) {
-  const o = I(t), f = p(null), a = v(j(i, f)), { accordionProps: r } = P(t, o, a);
+}, c) {
+  const o = R(t), f = p(null), a = v(j(c, f)), { accordionProps: r } = g(t, o, a);
   return /* @__PURE__ */ e.jsx(
     "div",
     {
-      ...R(t),
+      ...I(t),
       ...r,
       ref: a,
-      className: c,
+      className: i,
       children: [...o.collection].map((s) => /* @__PURE__ */ e.jsx(
-        _,
+        B,
         {
           item: s,
           state: o,
@@ -40,12 +40,12 @@ function T({
     }
   );
 }
-function _({
-  className: c,
+function B({
+  className: i,
   disableAccordionContentPadding: d,
   ...n
 }) {
-  const t = p(null), { state: i, item: o } = n, { buttonProps: f, regionProps: a } = g(n, i, t), r = i.expandedKeys.has(o.key), s = i.disabledKeys.has(o.key), { isHovered: $, hoverProps: u } = w({ isDisabled: s }), { isFocusVisible: m, isFocused: x, focusProps: b } = C(), y = c == null ? void 0 : c({
+  const t = p(null), { state: c, item: o } = n, { buttonProps: f, regionProps: a } = A(n, c, t), r = c.expandedKeys.has(o.key), s = c.disabledKeys.has(o.key), { isHovered: $, hoverProps: u } = w({ isDisabled: s }), { isFocusVisible: m, isFocused: x, focusProps: b } = C(), y = i == null ? void 0 : i({
     isDisabled: s,
     isOpen: r,
     isHovered: $,
@@ -62,7 +62,7 @@ function _({
         /* @__PURE__ */ e.jsxs(
           "button",
           {
-            ...A(f, u, b),
+            ...P(f, u, b),
             ref: t,
             className: l(k({ isOpen: r, isDisabled: s })),
             style: {
@@ -115,10 +115,8 @@ function _({
     }
   );
 }
-const B = h(T), E = K, ro = {
-  Root: B,
-  Item: E
-};
+const eo = h(T), to = K;
 export {
-  ro as Accordion
+  eo as Accordion,
+  to as AccordionItem
 };

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra43.cjs"),e=t.cva(["w-[--trigger-width]","rounded-base","drop-shadow-sm","ring-1","ring-inset","ring-neutral-3","bg-surface-1","outline-none"],{variants:{isEntering:{true:["animate-in","fade-in","data-[placement=bottom]:slide-in-from-top-1","data-[placement=top]:slide-in-from-bottom-1","ease-out","duration-200","fill-mode-forwards"]},isExiting:{true:["animate-out","fade-out","data-[placement=bottom]:slide-out-to-top-1","data-[placement=top]:slide-out-to-bottom-1","ease-in","duration-150","fill-mode-forwards"]}}});exports.popoverStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),r=require("react"),n=require("./lyra74.cjs"),p=require("./lyra29.cjs"),a=require("./lyra21.cjs"),B=require("./lyra28.cjs"),m=require("./lyra37.cjs"),S=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(p.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(B.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(S),y=r.forwardRef(l),E=r.forwardRef(d),L=r.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=w;exports.ListBoxHeader=L;exports.ListBoxItem=y;exports.ListBoxSection=E;exports.Section=d;

package/dist/lyra20.js

@@ -1,42 +1,65 @@
-import { cva as t } from "./lyra43.js";
-const e = t(
-  [
-    "w-[--trigger-width]",
-    "rounded-base",
-    "drop-shadow-sm",
-    "ring-1",
-    "ring-inset",
-    "ring-neutral-3",
-    "bg-surface-1",
-    "outline-none"
-  ],
+import { j as t } from "./lyra36.js";
+import { forwardRef as i } from "react";
+import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra74.js";
+import { Text as $ } from "./lyra29.js";
+import { listBoxStyles as u, listBoxItemStyles as B, listBoxHeaderStyles as S } from "./lyra21.js";
+import { SvgIcon as N } from "./lyra28.js";
+import { twMerge as m } from "./lyra37.js";
+const y = ({
+  className: s,
+  isEmptyLabel: e = "No options available",
+  renderEmptyState: a,
+  selectionMode: c = "single",
+  ...o
+}, r) => /* @__PURE__ */ t.jsx(
+  l,
   {
-    variants: {
-      isEntering: {
-        true: [
-          "animate-in",
-          "fade-in",
-          "data-[placement=bottom]:slide-in-from-top-1",
-          "data-[placement=top]:slide-in-from-bottom-1",
-          "ease-out",
-          "duration-200",
-          "fill-mode-forwards"
-        ]
-      },
-      isExiting: {
-        true: [
-          "animate-out",
-          "fade-out",
-          "data-[placement=bottom]:slide-out-to-top-1",
-          "data-[placement=top]:slide-out-to-bottom-1",
-          "ease-in",
-          "duration-150",
-          "fill-mode-forwards"
-        ]
-      }
-    }
+    ...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 }) }))
   }
-);
+), 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 {
-  e as popoverStyles
+  v as Header,
+  b as Item,
+  E as ListBox,
+  q as ListBoxHeader,
+  M as ListBoxItem,
+  T as ListBoxSection,
+  L as Section
 };

package/dist/lyra200.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 b=require("./lyra201.cjs"),V=require("./lyra202.cjs"),p=require("./lyra195.cjs"),h=require("./lyra203.cjs"),s=require("./lyra196.cjs");function v(e){var o,n;return isNaN(e)&&s.isString(e)&&(((o=e.match(s.floatRegex))===null||o===void 0?void 0:o.length)||0)+(((n=e.match(s.colorRegex))===null||n===void 0?void 0:n.length)||0)>0}const g={regex:b.cssVariableRegex,countKey:"Vars",token:"${v}",parse:V.noop},f={regex:s.colorRegex,countKey:"Colors",token:"${c}",parse:p.color.parse},d={regex:s.floatRegex,countKey:"Numbers",token:"${n}",parse:h.number.parse};function i(e,{regex:o,countKey:n,token:u,parse:l}){const a=e.tokenised.match(o);a&&(e["num"+n]=a.length,e.tokenised=e.tokenised.replace(o,u),e.values.push(...a.map(l)))}function m(e){const o=e.toString(),n={value:o,tokenised:o,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&i(n,g),i(n,f),i(n,d),n}function k(e){return m(e).values}function x(e){const{values:o,numColors:n,numVars:u,tokenised:l}=m(e),a=o.length;return c=>{let r=l;for(let t=0;t<a;t++)t<u?r=r.replace(g.token,c[t]):t<u+n?r=r.replace(f.token,p.color.transform(c[t])):r=r.replace(d.token,s.sanitize(c[t]));return r}}const y=e=>typeof e=="number"?0:e;function C(e){const o=k(e);return x(e)(o.map(y))}const N={test:v,parse:k,createTransformer:x,getAnimatableNone:C};exports.analyseComplexValue=m;exports.complex=N;

package/dist/lyra200.js

@@ -1,4 +1,67 @@
-const s = (e) => (r) => 1 - e(1 - r);
+import { cssVariableRegex as x } from "./lyra201.js";
+import { noop as V } from "./lyra202.js";
+import { color as i } from "./lyra195.js";
+import { number as v } from "./lyra203.js";
+import { colorRegex as m, isString as N, floatRegex as p, sanitize as y } from "./lyra196.js";
+function C(e) {
+  var r, o;
+  return isNaN(e) && N(e) && (((r = e.match(p)) === null || r === void 0 ? void 0 : r.length) || 0) + (((o = e.match(m)) === null || o === void 0 ? void 0 : o.length) || 0) > 0;
+}
+const f = {
+  regex: x,
+  countKey: "Vars",
+  token: "${v}",
+  parse: V
+}, k = {
+  regex: m,
+  countKey: "Colors",
+  token: "${c}",
+  parse: i.parse
+}, g = {
+  regex: p,
+  countKey: "Numbers",
+  token: "${n}",
+  parse: v.parse
+};
+function c(e, { regex: r, countKey: o, token: a, parse: u }) {
+  const s = e.tokenised.match(r);
+  s && (e["num" + o] = s.length, e.tokenised = e.tokenised.replace(r, a), e.values.push(...s.map(u)));
+}
+function d(e) {
+  const r = e.toString(), o = {
+    value: r,
+    tokenised: r,
+    values: [],
+    numVars: 0,
+    numColors: 0,
+    numNumbers: 0
+  };
+  return o.value.includes("var(--") && c(o, f), c(o, k), c(o, g), o;
+}
+function b(e) {
+  return d(e).values;
+}
+function h(e) {
+  const { values: r, numColors: o, numVars: a, tokenised: u } = d(e), s = r.length;
+  return (l) => {
+    let n = u;
+    for (let t = 0; t < s; t++)
+      t < a ? n = n.replace(f.token, l[t]) : t < a + o ? n = n.replace(k.token, i.transform(l[t])) : n = n.replace(g.token, y(l[t]));
+    return n;
+  };
+}
+const T = (e) => typeof e == "number" ? 0 : e;
+function K(e) {
+  const r = b(e);
+  return h(e)(r.map(T));
+}
+const A = {
+  test: C,
+  parse: b,
+  createTransformer: h,
+  getAnimatableNone: K
+};
 export {
-  s as reverseEasing
+  d as analyseComplexValue,
+  A as complex
 };

package/dist/lyra201.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra199.cjs"),i=require("./lyra200.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 e=a=>s=>typeof s=="string"&&s.startsWith(a),t=e("--"),i=e("var(--"),r=/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g;exports.cssVariableRegex=r;exports.isCSSVariableName=t;exports.isCSSVariableToken=i;

package/dist/lyra201.js

@@ -1,8 +1,6 @@
-import { mirrorEasing as c } from "./lyra199.js";
-import { reverseEasing as o } from "./lyra200.js";
-const t = (r) => 1 - Math.sin(Math.acos(r)), i = o(t), a = c(i);
+const t = (a) => (s) => typeof s == "string" && s.startsWith(a), r = t("--"), e = t("var(--"), i = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g;
 export {
-  t as circIn,
-  a as circInOut,
-  i as circOut
+  i as cssVariableRegex,
+  r as isCSSVariableName,
+  e as isCSSVariableToken
 };

package/dist/lyra202.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra198.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 e=o=>o;exports.noop=e;

package/dist/lyra202.js

@@ -1,7 +1,4 @@
-import { cubicBezier as e } from "./lyra198.js";
-const o = e(0.42, 0, 1, 1), s = e(0, 0, 0.58, 1), c = e(0.42, 0, 0.58, 1);
+const n = (o) => o;
 export {
-  o as easeIn,
-  c as easeInOut,
-  s as easeOut
+  n as noop
 };

package/dist/lyra203.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra146.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"});const a=require("./lyra192.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/lyra203.js

@@ -1,11 +1,17 @@
-import { frame as s, cancelFrame as c } from "./lyra146.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);
-}
+import { clamp as a } from "./lyra192.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 {
-  p as delay
+  e as alpha,
+  r as number,
+  s as scale
 };

package/dist/lyra204.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 n=require("./lyra196.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/lyra204.js

@@ -1,9 +1,18 @@
-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);
-}
+import { isString as n } from "./lyra196.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 {
-  s as distance,
-  e as distance2D
+  p as degrees,
+  r as percent,
+  i as progressPercentage,
+  a as px,
+  c as vh,
+  g as vw
 };

package/dist/lyra205.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra193.cjs"),h=require("./lyra123.cjs"),b=require("./lyra262.cjs"),m=require("./lyra176.cjs"),l=require("./lyra178.cjs"),c=require("./lyra177.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"});const e=require("./lyra206.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;

package/dist/lyra205.js

@@ -1,24 +1,6 @@
-import { mix as p } from "./lyra193.js";
-import { invariant as c } from "./lyra123.js";
-import { hslaToRgba as f } from "./lyra262.js";
-import { hex as d } from "./lyra176.js";
-import { rgba as i } from "./lyra178.js";
-import { hsla as l } from "./lyra177.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;
-}
-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));
-};
+import { camelToDash as a } from "./lyra206.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  A as mixColor,
-  m as mixLinearColor
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };

package/dist/lyra206.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("./lyra193.cjs"),p=require("./lyra205.cjs"),f=require("./lyra194.cjs"),d=require("./lyra123.cjs"),b=require("./lyra174.cjs"),a=require("./lyra179.cjs"),l=(e,n)=>r=>`${r>0?n:e}`;function c(e,n){return typeof e=="number"?r=>x.mix(e,n,r):b.color.test(e)?p.mixColor(e,n):e.startsWith("var(")?l(e,n):i(e,n)}const m=(e,n)=>{const r=[...e],o=r.length,t=e.map((s,u)=>c(s,n[u]));return s=>{for(let u=0;u<o;u++)r[u]=t[u](s);return r}},y=(e,n)=>{const r={...e,...n},o={};for(const t in r)e[t]!==void 0&&n[t]!==void 0&&(o[t]=c(e[t],n[t]));return t=>{for(const s in o)r[s]=o[s](t);return r}},i=(e,n)=>{const r=a.complex.createTransformer(n),o=a.analyseComplexValue(e),t=a.analyseComplexValue(n);return o.numVars===t.numVars&&o.numColors===t.numColors&&o.numNumbers>=t.numNumbers?f.pipe(m(o.values,t.values),r):(d.warning(!0,`Complex values '${e}' and '${n}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`),l(e,n))};exports.mixArray=m;exports.mixComplex=i;exports.mixObject=y;
+"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/lyra206.js

@@ -1,35 +1,4 @@
-import { mix as c } from "./lyra193.js";
-import { mixColor as f } from "./lyra205.js";
-import { pipe as p } from "./lyra194.js";
-import { warning as i } from "./lyra123.js";
-import { color as x } from "./lyra174.js";
-import { complex as d, analyseComplexValue as u } from "./lyra179.js";
-const a = (e, t) => (o) => `${o > 0 ? t : e}`;
-function l(e, t) {
-  return typeof e == "number" ? (o) => c(e, t, o) : x.test(e) ? f(e, t) : e.startsWith("var(") ? a(e, t) : y(e, t);
-}
-const b = (e, t) => {
-  const o = [...e], r = o.length, n = e.map((s, m) => l(s, t[m]));
-  return (s) => {
-    for (let m = 0; m < r; m++)
-      o[m] = n[m](s);
-    return o;
-  };
-}, $ = (e, t) => {
-  const o = { ...e, ...t }, r = {};
-  for (const n in o)
-    e[n] !== void 0 && t[n] !== void 0 && (r[n] = l(e[n], t[n]));
-  return (n) => {
-    for (const s in r)
-      o[s] = r[s](n);
-    return o;
-  };
-}, y = (e, t) => {
-  const o = d.createTransformer(t), r = u(e), n = u(t);
-  return r.numVars === n.numVars && r.numColors === n.numColors && r.numNumbers >= n.numNumbers ? p(b(r.values, n.values), o) : (i(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), a(e, t));
-};
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  b as mixArray,
-  y as mixComplex,
-  $ as mixObject
+  a as camelToDash
 };