@new-black/lyra 0.0.8 → 0.0.10

package/dist/lyra49.js

@@ -1,68 +1,238 @@
-import * as s from "react";
-import { useContext as z, useRef as h, cloneElement as A, Children as F, isValidElement as K } from "react";
-import { useForceUpdate as b } from "./lyra105.js";
-import { useIsMounted as G } from "./lyra106.js";
-import { PresenceChild as g } from "./lyra107.js";
-import { LayoutGroupContext as N } from "./lyra108.js";
-import { useIsomorphicLayoutEffect as T } from "./lyra109.js";
-import { useUnmountEffect as U } from "./lyra110.js";
-import { invariant as V } from "./lyra111.js";
-const u = (o) => o.key || "";
-function $(o, c) {
-  o.forEach((i) => {
-    const f = u(i);
-    c.set(f, i);
-  });
+import a, { useMemo as x } from "react";
+function C(l) {
+  return null;
 }
-function q(o) {
-  const c = [];
-  return F.forEach(o, (i) => {
-    K(i) && c.push(i);
-  }), c;
+C.getCollectionNode = function* (e, t) {
+  let { childItems: r, title: i, children: n } = e, d = e.title || e.children, f = e.textValue || (typeof d == "string" ? d : "") || e["aria-label"] || "";
+  !f && !(t != null && t.suppressTextValueWarning) && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
+    type: "item",
+    props: e,
+    rendered: d,
+    textValue: f,
+    "aria-label": e["aria-label"],
+    hasChildNodes: k(e),
+    *childNodes() {
+      if (r)
+        for (let u of r)
+          yield {
+            type: "item",
+            value: u
+          };
+      else if (i) {
+        let u = [];
+        a.Children.forEach(n, (c) => {
+          u.push({
+            type: "item",
+            element: c
+          });
+        }), yield* u;
+      }
+    }
+  };
+};
+function k(l) {
+  return l.hasChildItems != null ? l.hasChildItems : !!(l.childItems || l.title && a.Children.count(l.children) > 0);
 }
-const S = ({ children: o, custom: c, initial: i = !0, onExitComplete: f, exitBeforeEnter: P, presenceAffectsLayout: E = !0, mode: a = "sync" }) => {
-  V(!P, "Replace exitBeforeEnter with mode='wait'");
-  const I = z(N).forceRender || b()[0], R = G(), m = q(o);
-  let n = m;
-  const r = h(/* @__PURE__ */ new Map()).current, l = h(n), d = h(/* @__PURE__ */ new Map()).current, x = h(!0);
-  if (T(() => {
-    x.current = !1, $(m, d), l.current = n;
-  }), U(() => {
-    x.current = !0, d.clear(), r.clear();
-  }), x.current)
-    return s.createElement(s.Fragment, null, n.map((e) => s.createElement(g, { key: u(e), isPresent: !0, initial: i ? void 0 : !1, presenceAffectsLayout: E, mode: a }, e)));
-  n = [...n];
-  const y = l.current.map(u), w = m.map(u), v = y.length;
-  for (let e = 0; e < v; e++) {
-    const t = y[e];
-    w.indexOf(t) === -1 && !r.has(t) && r.set(t, void 0);
+let F = C;
+class w {
+  build(e, t) {
+    return this.context = t, v(() => this.iterateCollection(e));
+  }
+  *iterateCollection(e) {
+    let { children: t, items: r } = e;
+    if (typeof t == "function") {
+      if (!r)
+        throw new Error("props.children was a function but props.items is missing");
+      for (let i of e.items)
+        yield* this.getFullNode({
+          value: i
+        }, {
+          renderer: t
+        });
+    } else {
+      let i = [];
+      a.Children.forEach(t, (d) => {
+        i.push(d);
+      });
+      let n = 0;
+      for (let d of i) {
+        let f = this.getFullNode({
+          element: d,
+          index: n
+        }, {});
+        for (let u of f)
+          n++, yield u;
+      }
+    }
+  }
+  getKey(e, t, r, i) {
+    if (e.key != null)
+      return e.key;
+    if (t.type === "cell" && t.key != null)
+      return `${i}${t.key}`;
+    let n = t.value;
+    if (n != null) {
+      var d;
+      let f = (d = n.key) !== null && d !== void 0 ? d : n.id;
+      if (f == null)
+        throw new Error("No key found for item");
+      return f;
+    }
+    return i ? `${i}.${t.index}` : `$.${t.index}`;
   }
-  return a === "wait" && r.size && (n = []), r.forEach((e, t) => {
-    if (w.indexOf(t) !== -1)
+  getChildState(e, t) {
+    return {
+      renderer: t.renderer || e.renderer
+    };
+  }
+  *getFullNode(e, t, r, i) {
+    let n = e.element;
+    if (!n && e.value && t && t.renderer) {
+      let u = this.cache.get(e.value);
+      if (u && (!u.shouldInvalidate || !u.shouldInvalidate(this.context))) {
+        u.index = e.index, u.parentKey = i ? i.key : null, yield u;
+        return;
+      }
+      n = t.renderer(e.value);
+    }
+    if (a.isValidElement(n)) {
+      let u = n.type;
+      if (typeof u != "function" && typeof u.getCollectionNode != "function") {
+        let s = typeof n.type == "function" ? n.type.name : n.type;
+        throw new Error(`Unknown element <${s}> in collection.`);
+      }
+      let c = u.getCollectionNode(n.props, this.context), y = e.index, h = c.next();
+      for (; !h.done && h.value; ) {
+        let s = h.value;
+        e.index = y;
+        let $ = s.key;
+        $ || ($ = s.element ? null : this.getKey(n, e, t, r));
+        let b = [
+          ...this.getFullNode({
+            ...s,
+            key: $,
+            index: y,
+            wrapper: p(e.wrapper, s.wrapper)
+          }, this.getChildState(t, s), r ? `${r}${n.key}` : n.key, i)
+        ];
+        for (let o of b) {
+          if (o.value = s.value || e.value, o.value && this.cache.set(o.value, o), e.type && o.type !== e.type)
+            throw new Error(`Unsupported type <${m(o.type)}> in <${m(i.type)}>. Only <${m(e.type)}> is supported.`);
+          y++, yield o;
+        }
+        h = c.next(b);
+      }
       return;
-    const C = d.get(t);
-    if (!C)
+    }
+    if (e.key == null)
       return;
-    const k = y.indexOf(t);
-    let p = e;
-    if (!p) {
-      const L = () => {
-        d.delete(t), r.delete(t);
-        const M = l.current.findIndex((O) => O.key === t);
-        if (l.current.splice(M, 1), !r.size) {
-          if (l.current = m, R.current === !1)
-            return;
-          I(), f && f();
+    let d = this, f = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: i ? i.key : null,
+      value: e.value,
+      level: i ? i.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: e.textValue,
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes,
+      childNodes: v(function* () {
+        if (!e.hasChildNodes)
+          return;
+        let u = 0;
+        for (let c of e.childNodes()) {
+          c.key != null && (c.key = `${f.key}${c.key}`), c.index = u;
+          let y = d.getFullNode(c, d.getChildState(t, c), f.key, f);
+          for (let h of y)
+            u++, yield h;
         }
-      };
-      p = s.createElement(g, { key: u(C), isPresent: !1, onExitComplete: L, custom: c, presenceAffectsLayout: E, mode: a }, C), r.set(t, p);
+      })
+    };
+    yield f;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+}
+function v(l) {
+  let e = [], t = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let r of e)
+        yield r;
+      t || (t = l());
+      for (let r of t)
+        e.push(r), yield r;
     }
-    n.splice(k, 0, p);
-  }), n = n.map((e) => {
-    const t = e.key;
-    return r.has(t) ? e : s.createElement(g, { key: u(e), isPresent: !0, presenceAffectsLayout: E, mode: a }, e);
-  }), process.env.NODE_ENV !== "production" && a === "wait" && n.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`), s.createElement(s.Fragment, null, r.size ? n : n.map((e) => A(e)));
-};
+  };
+}
+function p(l, e) {
+  if (l && e)
+    return (t) => l(e(t));
+  if (l)
+    return l;
+  if (e)
+    return e;
+}
+function m(l) {
+  return l[0].toUpperCase() + l.slice(1);
+}
+function K(l, e, t) {
+  let r = x(() => new w(), []), { children: i, items: n, collection: d } = l;
+  return x(() => {
+    if (d)
+      return d;
+    let u = r.build({
+      children: i,
+      items: n
+    }, t);
+    return e(u);
+  }, [
+    r,
+    i,
+    n,
+    d,
+    t,
+    e
+  ]);
+}
+function A(l, e) {
+  return typeof e.getChildren == "function" ? e.getChildren(l.key) : l.childNodes;
+}
+function S(l) {
+  return I(l, 0);
+}
+function I(l, e) {
+  if (e < 0)
+    return;
+  let t = 0;
+  for (let r of l) {
+    if (t === e)
+      return r;
+    t++;
+  }
+}
+function M(l, e, t) {
+  if (e.parentKey === t.parentKey)
+    return e.index - t.index;
+  let r = g(l, e), i = g(l, t), n = r.slice(0, i.length).findIndex((d, f) => d !== i[f]);
+  return n !== -1 ? (e = r[n], t = i[n], e.index - t.index) : -1;
+}
+function g(l, e) {
+  let t = [];
+  for (; (e == null ? void 0 : e.parentKey) != null; )
+    e = l.getItem(e.parentKey), t.unshift(e);
+  return t;
+}
 export {
-  S as AnimatePresence
+  F as Item,
+  M as compareNodeOrder,
+  A as getChildNodes,
+  S as getFirstItem,
+  I as getNthItem,
+  K as useCollection
 };

package/dist/lyra5.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra32.cjs");require("./lyra33.cjs");const o=e.cva(["inline-flex","items-center","justify-center","h-[--badge-height]","px-[--badge-padding-x]","rounded-[--badge-radius]","text-[length:--badge-font-size]","leading-[--badge-line-height]","font-[--badge-font-weight]","inline-block","uppercase","tracking-[--badge-letter-spacing]"],{variants:{color:{primary:["[--badge-main-color:var(--badge-color-primary)]","[--badge-contrast-color:var(--badge-color-primary-foreground)]"],monochrome:["[--badge-main-color:var(--badge-color-monochrome)]","[--badge-contrast-color:var(--badge-color-monochrome-foreground)]"],success:["[--badge-main-color:var(--badge-color-success)]","[--badge-contrast-color:var(--badge-color-success-foreground)]"],warning:["[--badge-main-color:var(--badge-color-warning)]","[--badge-contrast-color:var(--badge-color-warning-foreground)]"],danger:["[--badge-main-color:var(--badge-color-danger)]","[--badge-contrast-color:var(--badge-color-danger-foreground)]"]},variant:{solid:["bg-[--badge-main-color]","text-[--badge-contrast-color]"],outline:["border","border-solid","border-[--badge-main-color]","text-[--badge-main-color]","bg-transparent"],dot:["relative","text-[--badge-main-color]","ps-2.5","bg-transparent","before:content-['']","before:absolute","before:bg-[--badge-main-color]","before:w-[--badge-dot-size]","before:h-[--badge-dot-size]","before:rounded-full","before:top-1/2","before:start-0","before:translate-y-[-50%]"]}},defaultVariants:{color:"primary",variant:"solid"}});exports.badgeStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra34.cjs");require("./lyra50.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;

package/dist/lyra5.js

@@ -1,76 +1,67 @@
-import { cva as o } from "./lyra32.js";
-import "./lyra33.js";
-const a = o(
+import { cva as o } from "./lyra34.js";
+import "./lyra50.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(
   [
-    "inline-flex",
+    "flex",
     "items-center",
-    "justify-center",
-    "h-[--badge-height]",
-    "px-[--badge-padding-x]",
-    "rounded-[--badge-radius]",
-    "text-[length:--badge-font-size]",
-    "leading-[--badge-line-height]",
-    "font-[--badge-font-weight]",
-    "inline-block",
-    "uppercase",
-    "tracking-[--badge-letter-spacing]"
+    "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",
   ],
   {
     variants: {
-      color: {
-        primary: [
-          "[--badge-main-color:var(--badge-color-primary)]",
-          "[--badge-contrast-color:var(--badge-color-primary-foreground)]"
-        ],
-        monochrome: [
-          "[--badge-main-color:var(--badge-color-monochrome)]",
-          "[--badge-contrast-color:var(--badge-color-monochrome-foreground)]"
-        ],
-        success: [
-          "[--badge-main-color:var(--badge-color-success)]",
-          "[--badge-contrast-color:var(--badge-color-success-foreground)]"
-        ],
-        warning: [
-          "[--badge-main-color:var(--badge-color-warning)]",
-          "[--badge-contrast-color:var(--badge-color-warning-foreground)]"
-        ],
-        danger: [
-          "[--badge-main-color:var(--badge-color-danger)]",
-          "[--badge-contrast-color:var(--badge-color-danger-foreground)]"
-        ]
+      isOpen: {
+        true: ["text-[--accordion-title-is-open-color]"],
+        false: ["text-[--accordion-title-color]"]
       },
-      variant: {
-        solid: ["bg-[--badge-main-color]", "text-[--badge-contrast-color]"],
-        outline: [
-          "border",
-          "border-solid",
-          "border-[--badge-main-color]",
-          "text-[--badge-main-color]",
-          "bg-transparent"
-        ],
-        dot: [
-          "relative",
-          "text-[--badge-main-color]",
-          "ps-2.5",
-          "bg-transparent",
-          "before:content-['']",
-          "before:absolute",
-          "before:bg-[--badge-main-color]",
-          "before:w-[--badge-dot-size]",
-          "before:h-[--badge-dot-size]",
-          "before:rounded-full",
-          "before:top-1/2",
-          "before:start-0",
-          "before:translate-y-[-50%]"
+      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]"
         ]
       }
     },
     defaultVariants: {
-      color: "primary",
-      variant: "solid"
+      disableAccordionContentPadding: !1
     }
   }
 );
 export {
-  a as badgeStyles
+  i as accordionItemButtonStyles,
+  r as accordionItemContentStyles,
+  n as accordionItemStyles
 };

package/dist/lyra50.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");function g(l){return null}g.getCollectionNode=function*(e,t){let{childItems:r,title:i,children:n}=e,d=e.title||e.children,f=e.textValue||(typeof d=="string"?d:"")||e["aria-label"]||"";!f&&!(t!=null&&t.suppressTextValueWarning)&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:e,rendered:d,textValue:f,"aria-label":e["aria-label"],hasChildNodes:k(e),*childNodes(){if(r)for(let u of r)yield{type:"item",value:u};else if(i){let u=[];y.Children.forEach(n,c=>{u.push({type:"item",element:c})}),yield*u}}}};function k(l){return l.hasChildItems!=null?l.hasChildItems:!!(l.childItems||l.title&&y.Children.count(l.children)>0)}let w=g;class p{build(e,t){return this.context=t,x(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:t,items:r}=e;if(typeof t=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let i of e.items)yield*this.getFullNode({value:i},{renderer:t})}else{let i=[];y.Children.forEach(t,d=>{i.push(d)});let n=0;for(let d of i){let f=this.getFullNode({element:d,index:n},{});for(let u of f)n++,yield u}}}getKey(e,t,r,i){if(e.key!=null)return e.key;if(t.type==="cell"&&t.key!=null)return`${i}${t.key}`;let n=t.value;if(n!=null){var d;let f=(d=n.key)!==null&&d!==void 0?d:n.id;if(f==null)throw new Error("No key found for item");return f}return i?`${i}.${t.index}`:`$.${t.index}`}getChildState(e,t){return{renderer:t.renderer||e.renderer}}*getFullNode(e,t,r,i){let n=e.element;if(!n&&e.value&&t&&t.renderer){let u=this.cache.get(e.value);if(u&&(!u.shouldInvalidate||!u.shouldInvalidate(this.context))){u.index=e.index,u.parentKey=i?i.key:null,yield u;return}n=t.renderer(e.value)}if(y.isValidElement(n)){let u=n.type;if(typeof u!="function"&&typeof u.getCollectionNode!="function"){let o=typeof n.type=="function"?n.type.name:n.type;throw new Error(`Unknown element <${o}> in collection.`)}let c=u.getCollectionNode(n.props,this.context),$=e.index,h=c.next();for(;!h.done&&h.value;){let o=h.value;e.index=$;let a=o.key;a||(a=o.element?null:this.getKey(n,e,t,r));let b=[...this.getFullNode({...o,key:a,index:$,wrapper:I(e.wrapper,o.wrapper)},this.getChildState(t,o),r?`${r}${n.key}`:n.key,i)];for(let s of b){if(s.value=o.value||e.value,s.value&&this.cache.set(s.value,s),e.type&&s.type!==e.type)throw new Error(`Unsupported type <${m(s.type)}> in <${m(i.type)}>. Only <${m(e.type)}> is supported.`);$++,yield s}h=c.next(b)}return}if(e.key==null)return;let d=this,f={type:e.type,props:e.props,key:e.key,parentKey:i?i.key:null,value:e.value,level:i?i.level+1:0,index:e.index,rendered:e.rendered,textValue:e.textValue,"aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes,childNodes:x(function*(){if(!e.hasChildNodes)return;let u=0;for(let c of e.childNodes()){c.key!=null&&(c.key=`${f.key}${c.key}`),c.index=u;let $=d.getFullNode(c,d.getChildState(t,c),f.key,f);for(let h of $)u++,yield h}})};yield f}constructor(){this.cache=new WeakMap}}function x(l){let e=[],t=null;return{*[Symbol.iterator](){for(let r of e)yield r;t||(t=l());for(let r of t)e.push(r),yield r}}}function I(l,e){if(l&&e)return t=>l(e(t));if(l)return l;if(e)return e}function m(l){return l[0].toUpperCase()+l.slice(1)}function E(l,e,t){let r=y.useMemo(()=>new p,[]),{children:i,items:n,collection:d}=l;return y.useMemo(()=>{if(d)return d;let u=r.build({children:i,items:n},t);return e(u)},[r,i,n,d,t,e])}function V(l,e){return typeof e.getChildren=="function"?e.getChildren(l.key):l.childNodes}function F(l){return C(l,0)}function C(l,e){if(e<0)return;let t=0;for(let r of l){if(t===e)return r;t++}}function S(l,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let r=v(l,e),i=v(l,t),n=r.slice(0,i.length).findIndex((d,f)=>d!==i[f]);return n!==-1?(e=r[n],t=i[n],e.index-t.index):-1}function v(l,e){let t=[];for(;(e==null?void 0:e.parentKey)!=null;)e=l.getItem(e.parentKey),t.unshift(e);return t}exports.Item=w;exports.compareNodeOrder=S;exports.getChildNodes=V;exports.getFirstItem=F;exports.getNthItem=C;exports.useCollection=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;