@new-black/lyra 0.0.12 → 0.0.14

package/dist/lyra49.js

@@ -1,494 +1,4 @@
-import { filterDOMProps as g, mergeProps as b, useObjectRef as F, mergeRefs as S, useLayoutEffect as B } from "./lyra37.js";
-import i, { forwardRef as $, useRef as v, useMemo as D, useContext as E, useEffect as G, useState as P, useCallback as y, createContext as f } from "react";
-import Q from "react-dom";
-import "./lyra91.js";
-import { useHover as I } from "./lyra40.js";
-import { useFocusRing as V, FocusableProvider as X } from "./lyra43.js";
-import { useButton as Y } from "./lyra67.js";
-import { useOverlayTriggerState as H } from "./lyra92.js";
-import { useOverlayTrigger as z, usePopover as J, Overlay as K, DismissButton as O, OverlayContainer as U, useOverlayPosition as W } from "./lyra69.js";
-import { useTextField as Z } from "./lyra75.js";
-import { useTooltipTriggerState as ee } from "./lyra93.js";
-import { useTooltipTrigger as te, useTooltip as ae } from "./lyra76.js";
-import { useDialog as re } from "./lyra68.js";
-import { useProgressBar as le } from "./lyra73.js";
-const oe = Symbol("callback"), w = Symbol("default");
-function C({ values: e, children: t }) {
-  for (let [a, r] of e)
-    t = /* @__PURE__ */ i.createElement(a.Provider, {
-      value: r
-    }, t);
-  return t;
-}
-function p(e) {
-  let { className: t, style: a, children: r, defaultClassName: l, defaultChildren: o, values: n } = e;
-  return D(() => {
-    let s, d, c;
-    return typeof t == "function" ? s = t(n) : s = t, typeof a == "function" ? d = a(n) : d = a, typeof r == "function" ? c = r(n) : r == null ? c = o : c = r, {
-      className: s ?? l,
-      style: d,
-      children: c
-    };
-  }, [
-    t,
-    a,
-    r,
-    l,
-    o,
-    n
-  ]);
-}
-function m(e, t, a) {
-  let r = E(a) || {};
-  if ("slots" in r && r.slots) {
-    if (!e.slot && !r.slots[w])
-      throw new Error("A slot prop is required");
-    let c = e.slot || w;
-    if (!r.slots[c])
-      throw new Error(`Invalid slot "${e.slot}". Valid slot names are ` + new Intl.ListFormat().format(Object.keys(r.slots).map((u) => `"${u}"`)) + ".");
-    r = r.slots[c];
-  }
-  let { ref: l, [oe]: o, ...n } = r, s = F(D(() => S(t, l), [
-    t,
-    l
-  ])), d = b(n, e);
-  return G(() => {
-    o && o(e);
-  }, [
-    o,
-    e
-  ]), [
-    d,
-    s
-  ];
-}
-function L() {
-  let [e, t] = P(!0), a = v(!1), r = y((l) => {
-    a.current = !0, t(!!l);
-  }, []);
-  return B(() => {
-    a.current || t(!1);
-  }, []), [
-    r,
-    e
-  ];
-}
-function M(e, t = !0) {
-  let [a, r] = P(!0);
-  return A(e, a && t, y(() => r(!1), [])), a && t;
-}
-function _(e, t) {
-  let [a, r] = P(!1), [l, o] = P("idle");
-  return !t && e.current && l === "idle" && (a = !0, r(!0), o("exiting")), !e.current && l === "exited" && o("idle"), A(e, a, y(() => {
-    o("exited"), r(!1);
-  }, [])), a;
-}
-function A(e, t, a) {
-  let r = v(null);
-  t && e.current && (r.current = window.getComputedStyle(e.current).animation), B(() => {
-    if (t && e.current) {
-      let l = window.getComputedStyle(e.current);
-      if (l.animationName !== "none" && l.animation !== r.current) {
-        let o = (s) => {
-          s.target === e.current && (n.removeEventListener("animationend", o), Q.flushSync(() => {
-            a();
-          }));
-        }, n = e.current;
-        return n.addEventListener("animationend", o), () => {
-          n.removeEventListener("animationend", o);
-        };
-      } else
-        a();
-    }
-  }, [
-    e,
-    t,
-    a
-  ]);
-}
-const se = /* @__PURE__ */ f(!1), ne = /* @__PURE__ */ f({}), ie = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), T = /* @__PURE__ */ f({});
-function ce(e, t) {
-  [e, t] = m(e, t, T);
-  let a = e, { buttonProps: r, isPressed: l } = Y(e, t), { focusProps: o, isFocused: n, isFocusVisible: s } = V(e), { hoverProps: d, isHovered: c } = I(e), u = p({
-    ...e,
-    values: {
-      isHovered: c,
-      isPressed: l,
-      isFocused: n,
-      isFocusVisible: s,
-      isDisabled: e.isDisabled || !1
-    },
-    defaultClassName: "react-aria-Button"
-  });
-  return /* @__PURE__ */ i.createElement("button", {
-    ...g(e, {
-      propNames: ie
-    }),
-    ...b(r, o, d),
-    ...u,
-    ref: t,
-    slot: e.slot,
-    "data-pressed": a.isPressed || l || void 0,
-    "data-hovered": c || void 0,
-    "data-focus-visible": s || void 0
-  });
-}
-const Me = /* @__PURE__ */ $(ce), de = /* @__PURE__ */ f({}), h = /* @__PURE__ */ f({});
-function fe(e, t) {
-  [e, t] = m(e, t, h);
-  let { elementType: a = "label", ...r } = e;
-  return /* @__PURE__ */ i.createElement(a, {
-    className: "react-aria-Label",
-    ...r,
-    ref: t
-  });
-}
-const _e = /* @__PURE__ */ $(fe), k = /* @__PURE__ */ f({});
-function ue(e, t) {
-  [e, t] = m(e, t, k);
-  let { hoverProps: a, isHovered: r } = I({}), { isFocused: l, isFocusVisible: o, focusProps: n } = V({
-    isTextInput: !0,
-    autoFocus: e.autoFocus
-  }), s = p({
-    ...e,
-    values: {
-      isHovered: r,
-      isFocused: l,
-      isFocusVisible: o,
-      isDisabled: e.disabled || !1
-    },
-    defaultClassName: "react-aria-Input"
-  });
-  return /* @__PURE__ */ i.createElement("input", {
-    ...b(e, n, a),
-    ...s,
-    ref: t,
-    "data-hovered": r || void 0,
-    "data-focus-visible": o || void 0
-  });
-}
-const Ae = /* @__PURE__ */ $(ue), R = /* @__PURE__ */ f(null);
-function $e(e, t) {
-  let { arrowProps: a, placement: r } = E(R), l = {
-    ...a.style,
-    position: "absolute",
-    [r]: "100%",
-    transform: r === "top" || r === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
-  }, o = p({
-    ...e,
-    defaultClassName: "react-aria-OverlayArrow",
-    values: {
-      placement: r
-    }
-  });
-  return /* @__PURE__ */ i.createElement("div", {
-    ...b(a, e),
-    ...o,
-    style: {
-      ...o.style,
-      ...l
-    },
-    ref: t,
-    "data-placement": r
-  });
-}
-const ke = /* @__PURE__ */ $($e), j = /* @__PURE__ */ f(null);
-function be(e, t) {
-  [e, t] = m(e, t, j);
-  let a = e, r = H(e), l = e.isOpen != null || e.defaultOpen != null || !(a != null && a.state) ? r : a.state, o = _(t, l.isOpen);
-  if (l && !l.isOpen && !o) {
-    let n = e.children;
-    return typeof n == "function" && (n = n({
-      placement: "bottom",
-      isEntering: !1,
-      isExiting: !1
-    })), a.preserveChildren ? /* @__PURE__ */ i.createElement(se.Provider, {
-      value: !0
-    }, n) : null;
-  }
-  return /* @__PURE__ */ i.createElement(me, {
-    ...e,
-    triggerRef: a.triggerRef,
-    state: l,
-    popoverRef: t,
-    isExiting: o
-  });
-}
-const je = /* @__PURE__ */ $(be);
-function me({ state: e, isExiting: t, ...a }) {
-  var r;
-  let { popoverProps: l, underlayProps: o, arrowProps: n, placement: s } = J({
-    ...a,
-    offset: (r = a.offset) !== null && r !== void 0 ? r : 8
-  }, e), d = a.popoverRef, c = M(d, !!s), u = p({
-    ...a,
-    defaultClassName: "react-aria-Popover",
-    values: {
-      placement: s,
-      isEntering: c,
-      isExiting: t
-    }
-  }), x = {
-    ...u.style,
-    ...l.style
-  };
-  return /* @__PURE__ */ i.createElement(K, null, !a.isNonModal && /* @__PURE__ */ i.createElement("div", {
-    ...o,
-    style: {
-      position: "fixed",
-      inset: 0
-    }
-  }), /* @__PURE__ */ i.createElement("div", {
-    ...b(g(a), l),
-    ...u,
-    ref: d,
-    slot: a.slot,
-    style: x,
-    "data-placement": s,
-    "data-entering": c || void 0,
-    "data-exiting": t || void 0
-  }, !a.isNonModal && /* @__PURE__ */ i.createElement(O, {
-    onDismiss: e.close
-  }), /* @__PURE__ */ i.createElement(R.Provider, {
-    value: {
-      arrowProps: n,
-      placement: s
-    }
-  }, u.children), /* @__PURE__ */ i.createElement(O, {
-    onDismiss: e.close
-  })));
-}
-const ve = /* @__PURE__ */ f(null), q = /* @__PURE__ */ f(null);
-function qe(e) {
-  let t = H(e), a = v(null), { triggerProps: r, overlayProps: l } = z({
-    type: "dialog"
-  }, t, a);
-  return /* @__PURE__ */ i.createElement(C, {
-    values: [
-      [
-        ve,
-        {
-          state: t
-        }
-      ],
-      [
-        q,
-        {
-          ...l,
-          onClose: t.close
-        }
-      ],
-      [
-        T,
-        {
-          ...r,
-          isPressed: t.isOpen,
-          ref: a
-        }
-      ],
-      [
-        j,
-        {
-          state: t,
-          triggerRef: a
-        }
-      ]
-    ]
-  }, e.children);
-}
-function pe(e, t) {
-  [e, t] = m(e, t, q);
-  let { dialogProps: a, titleProps: r } = re(e, t), l = e.children;
-  typeof l == "function" && (l = l({
-    close: e.onClose || (() => {
-    })
-  }));
-  var o;
-  return /* @__PURE__ */ i.createElement("section", {
-    ...g(e),
-    ...a,
-    ref: t,
-    slot: e.slot,
-    style: e.style,
-    className: (o = e.className) !== null && o !== void 0 ? o : "react-aria-Dialog"
-  }, /* @__PURE__ */ i.createElement(C, {
-    values: [
-      [
-        T,
-        void 0
-      ],
-      // TODO: clear context within dialog content?
-      [
-        ne,
-        {
-          ...r,
-          level: 2
-        }
-      ]
-    ]
-  }, l));
-}
-const Ge = /* @__PURE__ */ $(pe), xe = /* @__PURE__ */ f(null);
-function Pe(e, t) {
-  [e, t] = m(e, t, xe);
-  let { value: a = 0, minValue: r = 0, maxValue: l = 100, isIndeterminate: o = !1 } = e, [n, s] = L(), { progressBarProps: d, labelProps: c } = le({
-    ...e,
-    label: s
-  }), u = o ? void 0 : (a - r) / (l - r) * 100, x = p({
-    ...e,
-    defaultClassName: "react-aria-ProgressBar",
-    values: {
-      percentage: u,
-      valueText: d["aria-valuetext"],
-      isIndeterminate: o
-    }
-  });
-  return /* @__PURE__ */ i.createElement("div", {
-    ...d,
-    ...x,
-    ref: t,
-    slot: e.slot
-  }, /* @__PURE__ */ i.createElement(h.Provider, {
-    value: {
-      ...c,
-      ref: n,
-      elementType: "span"
-    }
-  }, x.children));
-}
-const Qe = /* @__PURE__ */ $(Pe), ge = /* @__PURE__ */ f(null);
-function Ee(e, t) {
-  [e, t] = m(e, t, ge);
-  let a = v(null), [r, l] = L(), { labelProps: o, inputProps: n, descriptionProps: s, errorMessageProps: d } = Z({
-    ...e,
-    label: l
-  }, a);
-  var c;
-  return /* @__PURE__ */ i.createElement("div", {
-    ...g(e),
-    ref: t,
-    slot: e.slot,
-    className: (c = e.className) !== null && c !== void 0 ? c : "react-aria-TextField",
-    style: e.style
-  }, /* @__PURE__ */ i.createElement(C, {
-    values: [
-      [
-        h,
-        {
-          ...o,
-          ref: r
-        }
-      ],
-      [
-        k,
-        {
-          ...n,
-          ref: a
-        }
-      ],
-      [
-        de,
-        {
-          slots: {
-            description: s,
-            errorMessage: d
-          }
-        }
-      ]
-    ]
-  }, e.children));
-}
-const Xe = /* @__PURE__ */ $(Ee), N = /* @__PURE__ */ f(null);
-function Ye(e) {
-  let t = ee(e), a = v(null), { triggerProps: r, tooltipProps: l } = te(e, t, a);
-  return /* @__PURE__ */ i.createElement(N.Provider, {
-    value: {
-      state: t,
-      triggerRef: a,
-      tooltipProps: l
-    }
-  }, /* @__PURE__ */ i.createElement(X, {
-    ...r,
-    ref: a
-  }, e.children));
-}
-function ye(e, t) {
-  let { state: a } = E(N), r = F(t), l = _(r, a.isOpen);
-  return !a.isOpen && !l ? null : /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(Ce, {
-    ...e,
-    tooltipRef: r,
-    isExiting: l
-  }));
-}
-const ze = /* @__PURE__ */ $(ye);
-function Ce(e) {
-  let { state: t, triggerRef: a, tooltipProps: r } = E(N), l = v(null), { overlayProps: o, arrowProps: n, placement: s } = W({
-    placement: e.placement || "top",
-    targetRef: a,
-    overlayRef: l,
-    offset: e.offset,
-    crossOffset: e.crossOffset,
-    isOpen: t.isOpen
-  }), d = M(l, !!s), c = p({
-    ...e,
-    defaultClassName: "react-aria-Tooltip",
-    values: {
-      placement: s,
-      isEntering: d,
-      isExiting: e.isExiting
-    }
-  });
-  e = b(e, o);
-  let { tooltipProps: u } = ae(e, t);
-  return /* @__PURE__ */ i.createElement("div", {
-    ...b(r, u),
-    ref: S(l, e.tooltipRef),
-    ...c,
-    style: {
-      ...c.style,
-      ...o.style
-    },
-    "data-placement": s,
-    "data-entering": d || void 0,
-    "data-exiting": e.isExiting || void 0
-  }, /* @__PURE__ */ i.createElement(R.Provider, {
-    value: {
-      arrowProps: n,
-      placement: s
-    }
-  }, c.children));
-}
+const a = "";
 export {
-  Me as Button,
-  T as ButtonContext,
-  Ge as Dialog,
-  q as DialogContext,
-  qe as DialogTrigger,
-  ne as HeadingContext,
-  Ae as Input,
-  k as InputContext,
-  _e as Label,
-  h as LabelContext,
-  ve as ModalContext,
-  ke as OverlayArrow,
-  je as Popover,
-  j as PopoverContext,
-  Qe as ProgressBar,
-  xe as ProgressBarContext,
-  C as Provider,
-  de as TextContext,
-  Xe as TextField,
-  ge as TextFieldContext,
-  ze as Tooltip,
-  Ye as TooltipTrigger,
-  m as useContextProps
+  a as default
 };

package/dist/lyra5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra35.cjs");require("./lyra47.cjs");const o=t.cva(["rounded-base"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra43.cjs");require("./lyra51.cjs");const e=r.cva(["flex","flex-col","gap-y-[--alert-gap-y]","rounded-[--alert-radius]","px-[--alert-padding-x]","py-[--alert-padding-y]","box-border"],{variants:{variant:{solid:["bg-[--alert-color-1]","text-neutral-foreground-1"],outline:["border-[length:var(--alert-outline-width)]","border-solid","border-[--alert-color-2]","text-[--alert-color-2]"],ghost:["text-[--alert-color-2]"]},color:{monochrome:["[--alert-color-1:--alert-monochrome-1]","[--alert-color-2:--alert-monochrome-2]"],primary:["[--alert-color-1:--alert-primary-1]","[--alert-color-2:--alert-primary-2]"],success:["[--alert-color-1:--alert-success-1]","[--alert-color-2:--alert-success-2]"],warning:["[--alert-color-1:--alert-warning-1]","[--alert-color-2:--alert-warning-2]"],danger:["[--alert-color-1:--alert-danger-1]","[--alert-color-2:--alert-danger-2]"]}},defaultVariants:{variant:"solid",color:"monochrome"}});exports.alertStyles=e;

package/dist/lyra5.js

@@ -1,67 +1,56 @@
-import { cva as o } from "./lyra35.js";
-import "./lyra47.js";
-const n = o(["rounded-base"], {
-  variants: {
-    isFocusVisible: {
-      true: ["ring-2", "ring-primary-1", "z-10"],
-      false: [
-        "border-b last:border-b-0 border-solid border-[--accordion-divider-color]"
-      ]
-    }
-  }
-}), i = o(
+import { cva as r } from "./lyra43.js";
+import "./lyra51.js";
+const l = r(
   [
     "flex",
-    "items-center",
-    "justify-between",
-    "gap-4",
-    "rounded-base",
-    "w-full",
-    "outline-none",
-    "px-[--accordion-title-padding-x]",
-    "py-[--accordion-title-padding-y]",
-    "text-[length:var(--accordion-title-font-size)]",
-    "font-[--accordion-title-font-weight]",
-    "outline-none"
-    // "focus:ring focus:ring-primary-3",
+    "flex-col",
+    "gap-y-[--alert-gap-y]",
+    "rounded-[--alert-radius]",
+    "px-[--alert-padding-x]",
+    "py-[--alert-padding-y]",
+    "box-border"
   ],
   {
     variants: {
-      isOpen: {
-        true: ["text-[--accordion-title-is-open-color]"],
-        false: ["text-[--accordion-title-color]"]
+      variant: {
+        solid: ["bg-[--alert-color-1]", "text-neutral-foreground-1"],
+        outline: [
+          "border-[length:var(--alert-outline-width)]",
+          "border-solid",
+          "border-[--alert-color-2]",
+          "text-[--alert-color-2]"
+        ],
+        ghost: ["text-[--alert-color-2]"]
       },
-      isDisabled: {
-        true: [
-          "text-[--accordion-title-is-disabled-color]",
-          "cursor-not-allowed"
-        ]
-      }
-    }
-  }
-), r = o(
-  [
-    "text-[length:var(--accordion-content-font-size)]",
-    "font-[--accordion-content-font-weight]",
-    "text-[--accordion-content-color]"
-  ],
-  {
-    variants: {
-      disableAccordionContentPadding: {
-        true: ["p-0"],
-        false: [
-          "px-[--accordion-content-padding-x]",
-          "py-[--accordion-content-padding-y]"
+      color: {
+        monochrome: [
+          "[--alert-color-1:--alert-monochrome-1]",
+          "[--alert-color-2:--alert-monochrome-2]"
+        ],
+        primary: [
+          "[--alert-color-1:--alert-primary-1]",
+          "[--alert-color-2:--alert-primary-2]"
+        ],
+        success: [
+          "[--alert-color-1:--alert-success-1]",
+          "[--alert-color-2:--alert-success-2]"
+        ],
+        warning: [
+          "[--alert-color-1:--alert-warning-1]",
+          "[--alert-color-2:--alert-warning-2]"
+        ],
+        danger: [
+          "[--alert-color-1:--alert-danger-1]",
+          "[--alert-color-2:--alert-danger-2]"
         ]
       }
     },
     defaultVariants: {
-      disableAccordionContentPadding: !1
+      variant: "solid",
+      color: "monochrome"
     }
   }
 );
 export {
-  i as accordionItemButtonStyles,
-  r as accordionItemContentStyles,
-  n as accordionItemStyles
+  l as alertStyles
 };

package/dist/lyra52.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),p=require("./lyra94.cjs"),m=typeof window<"u",y=()=>{},r={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function g(){const[e,n]=t.useState(null),[u,i]=t.useState(r),o=t.useMemo(()=>new window.ResizeObserver(s=>{if(s[0]){const{x:c,y:f,width:d,height:a,top:l,left:h,bottom:w,right:b}=s[0].contentRect;i({x:c,y:f,width:d,height:a,top:l,left:h,bottom:w,right:b})}}),[]);return p.useIsomorphicLayoutEffect(()=>{if(e)return o.observe(e),()=>{o.disconnect()}},[e]),[n,u]}const v=m&&typeof window.ResizeObserver<"u"?g:()=>[y,r];exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra52.js

@@ -1,34 +1,4 @@
-import { useState as n, useMemo as l } from "react";
-import { useIsomorphicLayoutEffect as b } from "./lyra94.js";
-const y = typeof window < "u", g = () => {
-}, r = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function v() {
-  const [e, s] = n(null), [i, c] = n(r), t = l(
-    () => new window.ResizeObserver((o) => {
-      if (o[0]) {
-        const { x: u, y: f, width: d, height: w, top: h, left: m, bottom: p, right: a } = o[0].contentRect;
-        c({ x: u, y: f, width: d, height: w, top: h, left: m, bottom: p, right: a });
-      }
-    }),
-    []
-  );
-  return b(() => {
-    if (e)
-      return t.observe(e), () => {
-        t.disconnect();
-      };
-  }, [e]), [s, i];
-}
-const M = y && typeof window.ResizeObserver < "u" ? v : () => [g, r];
+const a = "";
 export {
-  M as default
+  a as default
 };