@new-black/lyra 1.0.27 → 1.0.28

package/dist/lyra607.js

@@ -1,68 +1,18 @@
-import { useState as M, useCallback as I } from "react";
-import { arrayMove as $ } from "./lyra606.js";
-const H = (f, s, c, v) => {
-  const [j, w] = M(), [h, A] = M(null), p = I(
-    (i) => {
-      const n = f.find(
-        (u) => {
-          var e;
-          return u.value === i || ((e = u.items) == null ? void 0 : e.find((d) => d.value === i));
-        }
-      );
-      if (!n) {
-        const u = i.toString().split("-");
-        if ((u == null ? void 0 : u.length) > 0)
-          return f.find((d) => `${d.value}` === u[0]);
-      }
-      if ((n == null ? void 0 : n.value) !== i)
-        return n;
-    },
-    [f]
-  ), q = I(
-    (i) => {
-      var u;
-      const n = f.find(
-        (e) => {
-          var d;
-          return e.value === i.active.id || ((d = e.items) == null ? void 0 : d.find((y) => y.value === i.active.id));
-        }
-      );
-      w(
-        (n == null ? void 0 : n.value) === i.active.id ? n : (u = n == null ? void 0 : n.items) == null ? void 0 : u.find((e) => e.value === i.active.id)
-      ), A(f), c == null || c();
-    },
-    [f, c]
-  ), z = I(() => {
-    h && s(h), w(void 0), A(null);
-  }, [h, s]), B = I(
-    ({ active: i, over: n }) => {
-      var u, e;
-      if (i && n && i.id !== n.id) {
-        const d = p(i.id), y = p(n.id);
-        if (d === y) {
-          let t;
-          if (d != null && d.items) {
-            const l = (u = d.items) == null ? void 0 : u.findIndex((o) => o.value === i.id), x = (e = d.items) == null ? void 0 : e.findIndex((o) => o.value === n.id);
-            t = $(d.items, l, x), s(
-              f.map((o) => o.value === d.value ? { ...d, items: t } : o)
-            );
-          } else {
-            const l = f.findIndex((o) => o.value === i.id), x = f.findIndex((o) => o.value === n.id);
-            l > -1 && x > -1 && (t = $(f, l, x), s(t));
-          }
-        }
-      }
-      w(void 0), v == null || v();
-    },
-    [p, f, v, s]
-  );
-  return {
-    activeItem: j,
-    onDragStart: q,
-    onDragCancel: z,
-    onDragEnd: B
-  };
+import * as x from "react";
+import { useContext as p, useRef as i, useMemo as G } from "react";
+import { LayoutGroupContext as c } from "./lyra608.js";
+import { DeprecatedLayoutGroupContext as y } from "./lyra673.js";
+import { useForceUpdate as C } from "./lyra674.js";
+import { nodeGroup as m } from "./lyra675.js";
+const s = (o) => o === !0, I = (o) => s(o === !0) || o === "id", k = ({ children: o, id: t, inherit: u = !0 }) => {
+  const n = p(c), a = p(y), [d, f] = C(), e = i(null), r = n.id || a;
+  e.current === null && (I(u) && r && (t = t ? r + "-" + t : r), e.current = {
+    id: t,
+    group: s(u) ? n.group || m() : m()
+  });
+  const l = G(() => ({ ...e.current, forceRender: d }), [f]);
+  return x.createElement(c.Provider, { value: l }, o);
 };
 export {
-  H as useDragEvents
+  k as LayoutGroup
 };

package/dist/lyra607.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra607.js","sources":["../src/components/sortable/hooks/use-drag-events.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nimport { DragEndEvent, DragStartEvent, UniqueIdentifier } from \"@dnd-kit/core\";\nimport { arrayMove } from \"@dnd-kit/sortable\";\n\nexport const useDragEvents = <TItemProps extends { value: string; items?: TItemProps[] }>(\n  items: TItemProps[],\n  setItems: (newItems: TItemProps[]) => void,\n  onDragStartCallback?: () => void,\n  onDragEndCallback?: () => void,\n) => {\n  const [activeItem, setActiveItem] = useState<TItemProps>();\n  const [clonedItems, setClonedItems] = useState<TItemProps[] | null>(null);\n\n  const findContainer = useCallback(\n    (id: UniqueIdentifier) => {\n      const itemOrContainer = items.find(\n        (item) => item.value === id || item.items?.find((y) => y.value === id),\n      );\n\n      if (!itemOrContainer) {\n        const dropppableContainerItem = id.toString().split(\"-\");\n        if (dropppableContainerItem?.length > 0) {\n          const containerId = items.find((x) => `${x.value}` === dropppableContainerItem[0]);\n\n          return containerId;\n        }\n      }\n\n      if (itemOrContainer?.value === id) {\n        // top level so we don't have an inner container\n        return undefined;\n      }\n\n      // it's a container\n      return itemOrContainer;\n    },\n    [items],\n  );\n\n  const onDragStart = useCallback(\n    (event: DragStartEvent) => {\n      const itemOrContainer = items.find(\n        (item) =>\n          item.value === event.active.id || item.items?.find((y) => y.value === event.active.id),\n      );\n\n      setActiveItem(\n        itemOrContainer?.value === event.active.id\n          ? itemOrContainer\n          : itemOrContainer?.items?.find((y) => y.value === event.active.id),\n      );\n      setClonedItems(items);\n      onDragStartCallback?.();\n    },\n    [items, onDragStartCallback],\n  );\n\n  const onDragCancel = useCallback(() => {\n    if (clonedItems) {\n      // Reset items to their original state in case items have been\n      // Dragged across containrs\n      setItems(clonedItems);\n    }\n\n    setActiveItem(undefined);\n    setClonedItems(null);\n  }, [clonedItems, setItems]);\n\n  const onDragEnd = useCallback(\n    ({ active, over }: DragEndEvent) => {\n      if (active && over && active.id !== over.id) {\n        const activeContainer = findContainer(active.id);\n        const overContainer = findContainer(over.id);\n        if (activeContainer === overContainer) {\n          // reorder in the same container\n          let newColumns: TItemProps[] | undefined;\n          if (activeContainer?.items) {\n            const oldIndex = activeContainer.items?.findIndex((item) => item.value === active.id);\n            const newIndex = activeContainer.items?.findIndex((item) => item.value === over.id);\n            newColumns = arrayMove(activeContainer.items, oldIndex, newIndex);\n\n            setItems(\n              items.map((prevItem) => {\n                if (prevItem.value === activeContainer.value) {\n                  return { ...activeContainer, items: newColumns };\n                }\n\n                return prevItem;\n              }),\n            );\n          } else {\n            // top level\n            const oldIndex = items.findIndex((item) => item.value === active.id);\n            const newIndex = items.findIndex((item) => item.value === over.id);\n            if (oldIndex > -1 && newIndex > -1) {\n              newColumns = arrayMove(items, oldIndex, newIndex);\n              setItems(newColumns);\n            }\n          }\n        }\n      }\n\n      setActiveItem(undefined);\n      onDragEndCallback?.();\n    },\n    [findContainer, items, onDragEndCallback, setItems],\n  );\n\n  return {\n    activeItem,\n    onDragStart,\n    onDragCancel,\n    onDragEnd,\n  };\n};\n"],"names":["useDragEvents","items","setItems","onDragStartCallback","onDragEndCallback","activeItem","setActiveItem","useState","clonedItems","setClonedItems","findContainer","useCallback","id","itemOrContainer","item","_a","y","dropppableContainerItem","x","onDragStart","event","onDragCancel","onDragEnd","active","over","activeContainer","overContainer","newColumns","oldIndex","newIndex","_b","arrayMove","prevItem"],"mappings":";;AAKO,MAAMA,IAAgB,CAC3BC,GACAC,GACAC,GACAC,MACG;AACH,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAqB,GACnD,CAACC,GAAaC,CAAc,IAAIF,EAA8B,IAAI,GAElEG,IAAgBC;AAAA,IACpB,CAACC,MAAyB;AACxB,YAAMC,IAAkBZ,EAAM;AAAA,QAC5B,CAACa,MAAS;;AAAA,iBAAAA,EAAK,UAAUF,OAAMG,IAAAD,EAAK,UAAL,gBAAAC,EAAY,KAAK,CAACC,MAAMA,EAAE,UAAUJ;AAAA;AAAA,MAAE;AAGvE,UAAI,CAACC,GAAiB;AACpB,cAAMI,IAA0BL,EAAG,SAAS,EAAE,MAAM,GAAG;AACnD,aAAAK,KAAA,gBAAAA,EAAyB,UAAS;AAG7B,iBAFahB,EAAM,KAAK,CAACiB,MAAM,GAAGA,EAAE,KAAK,OAAOD,EAAwB,CAAC,CAAC;AAAA,MAIrF;AAEI,WAAAJ,KAAA,gBAAAA,EAAiB,WAAUD;AAMxB,eAAAC;AAAA,IACT;AAAA,IACA,CAACZ,CAAK;AAAA,EAAA,GAGFkB,IAAcR;AAAA,IAClB,CAACS,MAA0B;;AACzB,YAAMP,IAAkBZ,EAAM;AAAA,QAC5B,CAACa,MACC;;AAAA,iBAAAA,EAAK,UAAUM,EAAM,OAAO,QAAML,IAAAD,EAAK,UAAL,gBAAAC,EAAY,KAAK,CAAC,MAAM,EAAE,UAAUK,EAAM,OAAO;AAAA;AAAA,MAAE;AAGzF,MAAAd;AAAA,SACEO,KAAA,gBAAAA,EAAiB,WAAUO,EAAM,OAAO,KACpCP,KACAE,IAAAF,KAAA,gBAAAA,EAAiB,UAAjB,gBAAAE,EAAwB,KAAK,CAACC,MAAMA,EAAE,UAAUI,EAAM,OAAO;AAAA,MAAE,GAErEX,EAAeR,CAAK,GACEE,KAAA,QAAAA;AAAA,IACxB;AAAA,IACA,CAACF,GAAOE,CAAmB;AAAA,EAAA,GAGvBkB,IAAeV,EAAY,MAAM;AACrC,IAAIH,KAGFN,EAASM,CAAW,GAGtBF,EAAc,MAAS,GACvBG,EAAe,IAAI;AAAA,EAAA,GAClB,CAACD,GAAaN,CAAQ,CAAC,GAEpBoB,IAAYX;AAAA,IAChB,CAAC,EAAE,QAAAY,GAAQ,MAAAC,QAAyB;;AAClC,UAAID,KAAUC,KAAQD,EAAO,OAAOC,EAAK,IAAI;AACrC,cAAAC,IAAkBf,EAAca,EAAO,EAAE,GACzCG,IAAgBhB,EAAcc,EAAK,EAAE;AAC3C,YAAIC,MAAoBC,GAAe;AAEjC,cAAAC;AACJ,cAAIF,KAAA,QAAAA,EAAiB,OAAO;AACpB,kBAAAG,KAAWb,IAAAU,EAAgB,UAAhB,gBAAAV,EAAuB,UAAU,CAACD,MAASA,EAAK,UAAUS,EAAO,KAC5EM,KAAWC,IAAAL,EAAgB,UAAhB,gBAAAK,EAAuB,UAAU,CAAChB,MAASA,EAAK,UAAUU,EAAK;AAChF,YAAAG,IAAaI,EAAUN,EAAgB,OAAOG,GAAUC,CAAQ,GAEhE3B;AAAA,cACED,EAAM,IAAI,CAAC+B,MACLA,EAAS,UAAUP,EAAgB,QAC9B,EAAE,GAAGA,GAAiB,OAAOE,EAAW,IAG1CK,CACR;AAAA,YAAA;AAAA,UACH,OACK;AAEC,kBAAAJ,IAAW3B,EAAM,UAAU,CAACa,MAASA,EAAK,UAAUS,EAAO,EAAE,GAC7DM,IAAW5B,EAAM,UAAU,CAACa,MAASA,EAAK,UAAUU,EAAK,EAAE;AAC7D,YAAAI,IAAW,MAAMC,IAAW,OACjBF,IAAAI,EAAU9B,GAAO2B,GAAUC,CAAQ,GAChD3B,EAASyB,CAAU;AAAA,UAEvB;AAAA,QACF;AAAA,MACF;AAEA,MAAArB,EAAc,MAAS,GACHF,KAAA,QAAAA;AAAA,IACtB;AAAA,IACA,CAACM,GAAeT,GAAOG,GAAmBF,CAAQ;AAAA,EAAA;AAG7C,SAAA;AAAA,IACL,YAAAG;AAAA,IACA,aAAAc;AAAA,IACA,cAAAE;AAAA,IACA,WAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"lyra607.js","sources":["../node_modules/framer-motion/dist/es/components/LayoutGroup/index.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useContext, useRef, useMemo } from 'react';\nimport { LayoutGroupContext } from '../../context/LayoutGroupContext.mjs';\nimport { DeprecatedLayoutGroupContext } from '../../context/DeprecatedLayoutGroupContext.mjs';\nimport { useForceUpdate } from '../../utils/use-force-update.mjs';\nimport { nodeGroup } from '../../projection/node/group.mjs';\n\nconst shouldInheritGroup = (inherit) => inherit === true;\nconst shouldInheritId = (inherit) => shouldInheritGroup(inherit === true) || inherit === \"id\";\nconst LayoutGroup = ({ children, id, inherit = true }) => {\n    const layoutGroupContext = useContext(LayoutGroupContext);\n    const deprecatedLayoutGroupContext = useContext(DeprecatedLayoutGroupContext);\n    const [forceRender, key] = useForceUpdate();\n    const context = useRef(null);\n    const upstreamId = layoutGroupContext.id || deprecatedLayoutGroupContext;\n    if (context.current === null) {\n        if (shouldInheritId(inherit) && upstreamId) {\n            id = id ? upstreamId + \"-\" + id : upstreamId;\n        }\n        context.current = {\n            id,\n            group: shouldInheritGroup(inherit)\n                ? layoutGroupContext.group || nodeGroup()\n                : nodeGroup(),\n        };\n    }\n    const memoizedContext = useMemo(() => ({ ...context.current, forceRender }), [key]);\n    return (React.createElement(LayoutGroupContext.Provider, { value: memoizedContext }, children));\n};\n\nexport { LayoutGroup };\n"],"names":["shouldInheritGroup","inherit","shouldInheritId","LayoutGroup","children","id","layoutGroupContext","useContext","LayoutGroupContext","deprecatedLayoutGroupContext","DeprecatedLayoutGroupContext","forceRender","key","useForceUpdate","context","useRef","upstreamId","nodeGroup","memoizedContext","useMemo","React"],"mappings":";;;;;;AAOA,MAAMA,IAAqB,CAACC,MAAYA,MAAY,IAC9CC,IAAkB,CAACD,MAAYD,EAAmBC,MAAY,EAAI,KAAKA,MAAY,MACnFE,IAAc,CAAC,EAAE,UAAAC,GAAU,IAAAC,GAAI,SAAAJ,IAAU,GAAI,MAAO;AACtD,QAAMK,IAAqBC,EAAWC,CAAkB,GAClDC,IAA+BF,EAAWG,CAA4B,GACtE,CAACC,GAAaC,CAAG,IAAIC,EAAc,GACnCC,IAAUC,EAAO,IAAI,GACrBC,IAAaV,EAAmB,MAAMG;AAC5C,EAAIK,EAAQ,YAAY,SAChBZ,EAAgBD,CAAO,KAAKe,MAC5BX,IAAKA,IAAKW,IAAa,MAAMX,IAAKW,IAEtCF,EAAQ,UAAU;AAAA,IACd,IAAAT;AAAA,IACA,OAAOL,EAAmBC,CAAO,IAC3BK,EAAmB,SAASW,EAAW,IACvCA,EAAW;AAAA,EAC7B;AAEI,QAAMC,IAAkBC,EAAQ,OAAO,EAAE,GAAGL,EAAQ,SAAS,aAAAH,MAAgB,CAACC,CAAG,CAAC;AAClF,SAAQQ,EAAM,cAAcZ,EAAmB,UAAU,EAAE,OAAOU,KAAmBd,CAAQ;AACjG;","x_google_ignoreList":[0]}

package/dist/lyra608.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),t=require("./lyra606.cjs"),a=e=>r.useMemo(()=>{switch(e){case"vertical":return t.verticalListSortingStrategy;case"horizontal":return t.horizontalListSortingStrategy;default:return t.rectSortingStrategy}},[e]);exports.useSortingStrategy=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({});exports.LayoutGroupContext=e;

package/dist/lyra608.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra608.cjs","sources":["../src/components/sortable/hooks/use-sorting-strategy.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableDirection } from \"../sortable.types\";\n\nexport const useSortingStrategy = (direction?: SortableDirection) => {\n  const strategy = useMemo(() => {\n    switch (direction) {\n      case \"vertical\":\n        return verticalListSortingStrategy;\n      case \"horizontal\":\n        return horizontalListSortingStrategy;\n      default: {\n        return rectSortingStrategy;\n      }\n    }\n  }, [direction]);\n  return strategy;\n};\n"],"names":["useSortingStrategy","direction","useMemo","verticalListSortingStrategy","horizontalListSortingStrategy","rectSortingStrategy"],"mappings":"oIAUaA,EAAsBC,GAChBC,EAAAA,QAAQ,IAAM,CAC7B,OAAQD,EAAW,CACjB,IAAK,WACI,OAAAE,8BACT,IAAK,aACI,OAAAC,gCACT,QACS,OAAAC,qBAEX,CAAA,EACC,CAACJ,CAAS,CAAC"}
+{"version":3,"file":"lyra608.cjs","sources":["../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n"],"names":["LayoutGroupContext","createContext"],"mappings":"yGAEMA,EAAqBC,EAAa,cAAC,CAAE,CAAA","x_google_ignoreList":[0]}

package/dist/lyra608.js

@@ -1,15 +1,5 @@
-import { useMemo as r } from "react";
-import { rectSortingStrategy as e, horizontalListSortingStrategy as o, verticalListSortingStrategy as a } from "./lyra606.js";
-const g = (t) => r(() => {
-  switch (t) {
-    case "vertical":
-      return a;
-    case "horizontal":
-      return o;
-    default:
-      return e;
-  }
-}, [t]);
+import { createContext as t } from "react";
+const e = t({});
 export {
-  g as useSortingStrategy
+  e as LayoutGroupContext
 };

package/dist/lyra608.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra608.js","sources":["../src/components/sortable/hooks/use-sorting-strategy.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport {\n  horizontalListSortingStrategy,\n  rectSortingStrategy,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\n\nimport { SortableDirection } from \"../sortable.types\";\n\nexport const useSortingStrategy = (direction?: SortableDirection) => {\n  const strategy = useMemo(() => {\n    switch (direction) {\n      case \"vertical\":\n        return verticalListSortingStrategy;\n      case \"horizontal\":\n        return horizontalListSortingStrategy;\n      default: {\n        return rectSortingStrategy;\n      }\n    }\n  }, [direction]);\n  return strategy;\n};\n"],"names":["useSortingStrategy","direction","useMemo","verticalListSortingStrategy","horizontalListSortingStrategy","rectSortingStrategy"],"mappings":";;AAUa,MAAAA,IAAqB,CAACC,MAChBC,EAAQ,MAAM;AAC7B,UAAQD,GAAW;AAAA,IACjB,KAAK;AACI,aAAAE;AAAA,IACT,KAAK;AACI,aAAAC;AAAA,IACT;AACS,aAAAC;AAAA,EAEX;AAAA,GACC,CAACJ,CAAS,CAAC;"}
+{"version":3,"file":"lyra608.js","sources":["../node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["import { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n"],"names":["LayoutGroupContext","createContext"],"mappings":";AAEK,MAACA,IAAqBC,EAAc,CAAE,CAAA;","x_google_ignoreList":[0]}

package/dist/lyra609.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra666.cjs"),r=require("./lyra667.cjs"),n=require("./lyra668.cjs"),i=require("./lyra669.cjs"),a=require("./lyra670.cjs"),s=require("./lyra671.cjs"),u=require("./lyra672.cjs"),c={...i.animations,...n.gestureAnimations,...a.drag,...u.layout},m=t.createMotionProxy((e,o)=>r.createDomMotionConfig(e,o,c,s.createDomVisualElement));exports.motion=m;

package/dist/lyra609.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra609.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra609.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":"mRASMA,EAAoB,CACtB,GAAGC,EAAU,WACb,GAAGC,EAAiB,kBACpB,GAAGC,EAAI,KACP,GAAGC,EAAM,MACb,EAOMC,EAAuBC,EAAAA,kBAAkB,CAACC,EAAWC,IAAWC,EAAqB,sBAACF,EAAWC,EAAQR,EAAmBU,wBAAsB,CAAC","x_google_ignoreList":[0]}

package/dist/lyra609.js

@@ -1,4 +1,16 @@
-var r = {};
+import { createMotionProxy as t } from "./lyra666.js";
+import { createDomMotionConfig as m } from "./lyra667.js";
+import { gestureAnimations as i } from "./lyra668.js";
+import { animations as e } from "./lyra669.js";
+import { drag as a } from "./lyra670.js";
+import { createDomVisualElement as n } from "./lyra671.js";
+import { layout as p } from "./lyra672.js";
+const f = {
+  ...e,
+  ...i,
+  ...a,
+  ...p
+}, y = /* @__PURE__ */ t((o, r) => m(o, r, f, n));
 export {
-  r as __exports
+  y as motion
 };

package/dist/lyra609.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra609.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra609.js","sources":["../node_modules/framer-motion/dist/es/render/dom/motion.mjs"],"sourcesContent":["import { createMotionComponent } from '../../motion/index.mjs';\nimport { createMotionProxy } from './motion-proxy.mjs';\nimport { createDomMotionConfig } from './utils/create-config.mjs';\nimport { gestureAnimations } from '../../motion/features/gestures.mjs';\nimport { animations } from '../../motion/features/animations.mjs';\nimport { drag } from '../../motion/features/drag.mjs';\nimport { createDomVisualElement } from './create-visual-element.mjs';\nimport { layout } from '../../motion/features/layout.mjs';\n\nconst preloadedFeatures = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n/**\n * HTML & SVG components, optimised for use with gestures and animation. These can be used as\n * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.\n *\n * @public\n */\nconst motion = /*@__PURE__*/ createMotionProxy((Component, config) => createDomMotionConfig(Component, config, preloadedFeatures, createDomVisualElement));\n/**\n * Create a DOM `motion` component with the provided string. This is primarily intended\n * as a full alternative to `motion` for consumers who have to support environments that don't\n * support `Proxy`.\n *\n * ```javascript\n * import { createDomMotionComponent } from \"framer-motion\"\n *\n * const motion = {\n *   div: createDomMotionComponent('div')\n * }\n * ```\n *\n * @public\n */\nfunction createDomMotionComponent(key) {\n    return createMotionComponent(createDomMotionConfig(key, { forwardMotionProps: false }, preloadedFeatures, createDomVisualElement));\n}\n\nexport { createDomMotionComponent, motion };\n"],"names":["preloadedFeatures","animations","gestureAnimations","drag","layout","motion","createMotionProxy","Component","config","createDomMotionConfig","createDomVisualElement"],"mappings":";;;;;;;AASA,MAAMA,IAAoB;AAAA,EACtB,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP,GAOMC,IAAuB,gBAAAC,EAAkB,CAACC,GAAWC,MAAWC,EAAsBF,GAAWC,GAAQR,GAAmBU,CAAsB,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra61.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),y=require("react"),v=require("./lyra89.cjs"),R=require("./lyra461.cjs"),E=require("./lyra95.cjs"),S=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const p=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra453.cjs");require("./lyra40.cjs");const h=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const g=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra454.cjs");require("./lyra455.cjs");require("./lyra456.cjs");require("./lyra457.cjs");const I=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const f=require("./lyra458.cjs"),N=require("./lyra459.cjs"),C=require("./lyra462.cjs"),w=require("./lyra460.cjs"),K=c=>{const{add:o}=E.useDictionary(),{items:d,parentNode:x,selectedItems:i,setSelectedItems:t}=c,{grid:m}=g.sortableGridStyles();return r.jsxRuntimeExports.jsx(N.SortableContainer,{orientation:"grid",items:i,disableRestrictToParent:!0,collisionDetection:R.closestCorners,setItems:e=>{t(e)},keyboardCoordinateGetter:C.flexWrappedListKeyboardCoordinates,parentNode:x,overlay:e=>r.jsxRuntimeExports.jsx(j,{label:e.label,isDragging:!0,isSorting:!0,isOverlay:!0}),children:r.jsxRuntimeExports.jsxs("div",{className:m(),children:[i.map(e=>r.jsxRuntimeExports.jsx(w.SortableItem,{sortableId:e.value,children:({attributes:s,insertPosition:n,isDragging:b,isSorting:u,listeners:a})=>r.jsxRuntimeExports.jsx(j,{attributes:s,isDragging:b,isSorting:u,listeners:a,insertPosition:n,label:e.label,onRemove:()=>{const l=i.filter(q=>q.value!==e.value);t(l)}})},e.value)),r.jsxRuntimeExports.jsx("div",{children:r.jsxRuntimeExports.jsx(I.MultiSearchListFieldWithCustomTrigger,{items:d,label:o,value:i,onChange:e=>t(e??[]),selectRenderElements:e=>({label:e.label}),getLabel:e=>e.label,getItemId:e=>e.value,children:r.jsxRuntimeExports.jsx(S.Button,{variant:"icon",tooltip:o,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"plus"})})})})]})})},j=y.forwardRef((c,o)=>{const{attributes:d,insertPosition:x,isDragging:i,isOverlay:t,label:m,listeners:e,onRemove:s}=c,n=f.useIsKeyboardSorting(),{item:b}=g.sortableGridStyles();return n&&t?null:r.jsxRuntimeExports.jsxs("div",{className:b({clone:t||!1,active:i,insertPosition:x,isKeyboardSorting:n}),ref:o,...d,...e,onKeyDown:u=>{var a,l;if(u.key==="Backspace"){s==null||s();const q=(l=(a=u.currentTarget.parentElement)==null?void 0:a.previousElementSibling)==null?void 0:l.children[0];q&&q.focus()}else e==null||e.onKeyDown(u)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-4",children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"drag-handle",className:"text-tertiary"})}),r.jsxRuntimeExports.jsx(h.Text,{className:" whitespace-nowrap",children:m}),r.jsxRuntimeExports.jsx(v.Button,{className:" -my-0.5 w-4 p-0.5 outline-none",onPress:s,excludeFromTabOrder:!0,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"clear",className:"text-secondary"})})]})});j.displayName="Item";exports.SortableGrid=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),y=require("react"),v=require("./lyra89.cjs"),R=require("./lyra463.cjs"),E=require("./lyra95.cjs"),S=require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const p=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra457.cjs");require("./lyra40.cjs");const h=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");const g=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra455.cjs");require("./lyra456.cjs");require("./lyra458.cjs");require("./lyra459.cjs");const I=require("./lyra37.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const f=require("./lyra460.cjs"),N=require("./lyra461.cjs"),C=require("./lyra464.cjs"),w=require("./lyra462.cjs"),K=c=>{const{add:o}=E.useDictionary(),{items:d,parentNode:x,selectedItems:i,setSelectedItems:t}=c,{grid:m}=g.sortableGridStyles();return r.jsxRuntimeExports.jsx(N.SortableContainer,{orientation:"grid",items:i,disableRestrictToParent:!0,collisionDetection:R.closestCorners,setItems:e=>{t(e)},keyboardCoordinateGetter:C.flexWrappedListKeyboardCoordinates,parentNode:x,overlay:e=>r.jsxRuntimeExports.jsx(j,{label:e.label,isDragging:!0,isSorting:!0,isOverlay:!0}),children:r.jsxRuntimeExports.jsxs("div",{className:m(),children:[i.map(e=>r.jsxRuntimeExports.jsx(w.SortableItem,{sortableId:e.value,children:({attributes:s,insertPosition:n,isDragging:b,isSorting:u,listeners:a})=>r.jsxRuntimeExports.jsx(j,{attributes:s,isDragging:b,isSorting:u,listeners:a,insertPosition:n,label:e.label,onRemove:()=>{const l=i.filter(q=>q.value!==e.value);t(l)}})},e.value)),r.jsxRuntimeExports.jsx("div",{children:r.jsxRuntimeExports.jsx(I.MultiSearchListFieldWithCustomTrigger,{items:d,label:o,value:i,onChange:e=>t(e??[]),selectRenderElements:e=>({label:e.label}),getLabel:e=>e.label,getItemId:e=>e.value,children:r.jsxRuntimeExports.jsx(S.Button,{variant:"icon",tooltip:o,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"plus"})})})})]})})},j=y.forwardRef((c,o)=>{const{attributes:d,insertPosition:x,isDragging:i,isOverlay:t,label:m,listeners:e,onRemove:s}=c,n=f.useIsKeyboardSorting(),{item:b}=g.sortableGridStyles();return n&&t?null:r.jsxRuntimeExports.jsxs("div",{className:b({clone:t||!1,active:i,insertPosition:x,isKeyboardSorting:n}),ref:o,...d,...e,onKeyDown:u=>{var a,l;if(u.key==="Backspace"){s==null||s();const q=(l=(a=u.currentTarget.parentElement)==null?void 0:a.previousElementSibling)==null?void 0:l.children[0];q&&q.focus()}else e==null||e.onKeyDown(u)},children:[r.jsxRuntimeExports.jsx("div",{className:"w-4",children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"drag-handle",className:"text-tertiary"})}),r.jsxRuntimeExports.jsx(h.Text,{className:" whitespace-nowrap",children:m}),r.jsxRuntimeExports.jsx(v.Button,{className:"-my-0.5 w-4 p-0.5 outline-none",onPress:s,excludeFromTabOrder:!0,children:r.jsxRuntimeExports.jsx(p.SvgIcon,{name:"clear",className:"text-secondary"})})]})});j.displayName="Item";exports.SortableGrid=K;

package/dist/lyra61.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra61.cjs","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}
+{"version":3,"file":"lyra61.cjs","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\"-my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"4mEAqBaA,EACXC,GACG,CACG,KAAA,CAAE,IAAAC,GAAQC,EAAAA,gBACV,CAAE,MAAAC,EAAO,WAAAC,EAAY,cAAAC,EAAe,iBAAAC,GAAqBN,EACzD,CAAE,KAAAO,GAASC,EAAAA,qBAEf,OAAAC,EAAA,kBAAA,IAACC,EAAA,kBAAA,CACC,YAAY,OACZ,MAAOL,EACP,wBAAuB,GACvB,mBAAoBM,EAAA,eACpB,SAAWC,GAAa,CACtBN,EAAiBM,CAAQ,CAC3B,EACA,yBAA0BC,EAAA,mCAC1B,WAAAT,EACA,QAAUU,GAASL,EAAAA,kBAAAA,IAACM,EAAS,CAAA,MAAOD,EAAK,MAAO,WAAU,GAAC,UAAS,GAAC,UAAS,EAAC,CAAA,EAE/E,SAACE,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAWT,EACb,EAAA,SAAA,CAAAF,EAAc,IAAKS,GAClBL,EAAA,kBAAA,IAACQ,gBAA8B,WAAYH,EAAK,MAC7C,SAAA,CAAC,CAAE,WAAAI,EAAY,eAAAC,EAAgB,WAAAC,EAAY,UAAAC,EAAW,UAAAC,KACrDb,EAAA,kBAAA,IAACM,EAAA,CACC,WAAAG,EACA,WAAAE,EACA,UAAAC,EACA,UAAAC,EACA,eAAAH,EACA,MAAOL,EAAK,MACZ,SAAU,IAAM,CACd,MAAMS,EAAWlB,EAAc,OAC5BmB,GAAeA,EAAW,QAAUV,EAAK,KAAA,EAE5CR,EAAiBiB,CAAQ,CAC3B,CAAA,CAAA,GAdaT,EAAK,KAiBxB,CACD,0BACA,MACC,CAAA,SAAAL,EAAA,kBAAA,IAACgB,EAAA,sCAAA,CACC,MAAAtB,EACA,MAAOF,EACP,MAAOI,EACP,SAAWO,GAAaN,EAAiBM,GAAY,CAAA,CAAE,EACvD,qBAAuBE,IAAU,CAAE,MAAOA,EAAK,KAAM,GACrD,SAAWA,GAASA,EAAK,MACzB,UAAYA,GAASA,EAAK,MAE1B,SAAAL,EAAA,kBAAA,IAACiB,EAAW,OAAA,CAAA,QAAQ,OAAO,QAASzB,EAClC,SAACQ,EAAAA,kBAAAA,IAAAkB,EAAAA,QAAA,CAAQ,KAAK,MAAA,CAAO,CACvB,CAAA,CAAA,CAAA,EAEJ,CAAA,EACF,CAAA,CAAA,CAGN,EAEMZ,EAAWa,EAAA,WAA0C,CAAC5B,EAAO6B,IAAQ,CACnE,KAAA,CAAE,WAAAX,EAAY,eAAAC,EAAgB,WAAAC,EAAY,UAAAU,EAAW,MAAAC,EAAO,UAAAT,EAAW,SAAAU,CAAa,EAAAhC,EACpFiC,EAAoBC,EAAAA,uBACpB,CAAE,KAAApB,GAASN,EAAAA,qBACjB,OAAIyB,GAAqBH,EAAkB,KAEzCd,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWF,EAAK,CACd,MAAOgB,GAAa,GACpB,OAAQV,EACR,eAAAD,EACA,kBAAAc,CAAA,CACD,EACD,IAAAJ,EACC,GAAGX,EACH,GAAGI,EACJ,UAAYa,GAAM,SACZ,GAAAA,EAAE,MAAQ,YAAa,CACdH,GAAA,MAAAA,IACX,MAAMI,GAAkBC,GAAAC,EAAAH,EAAE,cAAc,gBAAhB,YAAAG,EAA+B,yBAA/B,YAAAD,EACpB,SAAS,GACTD,GAAiBA,EAAgB,MAAM,CAAA,MAE3Cd,GAAA,MAAAA,EAAW,UAAUa,EAEzB,EAEA,SAAA,CAAC1B,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,MACb,SAAAA,EAAA,kBAAA,IAACkB,WAAQ,KAAK,cAAc,UAAU,eAAA,CAAgB,CACxD,CAAA,EACClB,EAAA,kBAAA,IAAA8B,EAAA,KAAA,CAAK,UAAU,qBAAsB,SAAMR,EAAA,EAC3CtB,EAAA,kBAAA,IAAA+B,EAAA,OAAA,CAAO,UAAU,iCAAiC,QAASR,EAAU,oBAAmB,GACvF,SAAAvB,EAAA,kBAAA,IAACkB,EAAQ,QAAA,CAAA,KAAK,QAAQ,UAAU,gBAAiB,CAAA,EACnD,CAAA,CAAA,CAAA,CAGN,CAAC,EAEDZ,EAAS,YAAc"}

package/dist/lyra61.js

@@ -1,7 +1,7 @@
 import { j as t } from "./lyra90.js";
 import { forwardRef as j } from "react";
 import { Button as h } from "./lyra89.js";
-import { closestCorners as y } from "./lyra461.js";
+import { closestCorners as y } from "./lyra463.js";
 import { useDictionary as I } from "./lyra95.js";
 import { Button as S } from "./lyra11.js";
 import "./lyra12.js";
@@ -18,7 +18,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { SvgIcon as x } from "./lyra65.js";
 import "./lyra80.js";
-import "./lyra453.js";
+import "./lyra457.js";
 import "./lyra40.js";
 import { Text as N } from "./lyra73.js";
 import "./lyra74.js";
@@ -68,20 +68,20 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import "./lyra454.js";
 import "./lyra455.js";
 import "./lyra456.js";
-import "./lyra457.js";
+import "./lyra458.js";
+import "./lyra459.js";
 import { MultiSearchListFieldWithCustomTrigger as w } from "./lyra37.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
 import "./lyra46.js";
-import { useIsKeyboardSorting as C } from "./lyra458.js";
-import { SortableContainer as D } from "./lyra459.js";
-import { flexWrappedListKeyboardCoordinates as E } from "./lyra462.js";
-import { SortableItem as K } from "./lyra460.js";
+import { useIsKeyboardSorting as C } from "./lyra460.js";
+import { SortableContainer as D } from "./lyra461.js";
+import { flexWrappedListKeyboardCoordinates as E } from "./lyra464.js";
+import { SortableItem as K } from "./lyra462.js";
 const pt = (c) => {
   const { add: p } = I(), { items: d, parentNode: u, selectedItems: o, setSelectedItems: i } = c, { grid: b } = v();
   return /* @__PURE__ */ t.jsx(
@@ -157,7 +157,7 @@ const pt = (c) => {
       children: [
         /* @__PURE__ */ t.jsx("div", { className: "w-4", children: /* @__PURE__ */ t.jsx(x, { name: "drag-handle", className: "text-tertiary" }) }),
         /* @__PURE__ */ t.jsx(N, { className: " whitespace-nowrap", children: b }),
-        /* @__PURE__ */ t.jsx(h, { className: " -my-0.5 w-4 p-0.5 outline-none", onPress: e, excludeFromTabOrder: !0, children: /* @__PURE__ */ t.jsx(x, { name: "clear", className: "text-secondary" }) })
+        /* @__PURE__ */ t.jsx(h, { className: "-my-0.5 w-4 p-0.5 outline-none", onPress: e, excludeFromTabOrder: !0, children: /* @__PURE__ */ t.jsx(x, { name: "clear", className: "text-secondary" }) })
       ]
     }
   );

package/dist/lyra61.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra61.js","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\" -my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}
+{"version":3,"file":"lyra61.js","sources":["../src/components/sortable/sortable-grid.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { closestCorners } from \"@dnd-kit/core\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button as LyraButton } from \"../button\";\nimport { MultiSearchListFieldWithCustomTrigger } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { useIsKeyboardSorting } from \"./hooks/use-is-keyboard-sorting\";\nimport { sortableGridStyles } from \"./sortable.styles\";\nimport { GridItemProps, SortableGridProps } from \"./sortable.types\";\nimport { SortableContainer } from \"./sortable-container\";\nimport { flexWrappedListKeyboardCoordinates } from \"./sortable-flex-wrapped-list-keyboard-coordinates\";\nimport { SortableItem } from \"./sortable-item\";\n\n/**\n * A sortable grid component that shows the items in a flex wrapped way.\n */\nexport const SortableGrid = <T extends { value: string; label: string }>(\n  props: SortableGridProps<T>,\n) => {\n  const { add } = useDictionary();\n  const { items, parentNode, selectedItems, setSelectedItems } = props;\n  const { grid } = sortableGridStyles();\n  return (\n    <SortableContainer\n      orientation=\"grid\"\n      items={selectedItems}\n      disableRestrictToParent\n      collisionDetection={closestCorners}\n      setItems={(newItems) => {\n        setSelectedItems(newItems);\n      }}\n      keyboardCoordinateGetter={flexWrappedListKeyboardCoordinates}\n      parentNode={parentNode}\n      overlay={(item) => <GridItem label={item.label} isDragging isSorting isOverlay />}\n    >\n      <div className={grid()}>\n        {selectedItems.map((item) => (\n          <SortableItem key={item.value} sortableId={item.value}>\n            {({ attributes, insertPosition, isDragging, isSorting, listeners }) => (\n              <GridItem\n                attributes={attributes}\n                isDragging={isDragging}\n                isSorting={isSorting}\n                listeners={listeners}\n                insertPosition={insertPosition}\n                label={item.label}\n                onRemove={() => {\n                  const filtered = selectedItems.filter(\n                    (clonedItem) => clonedItem.value !== item.value,\n                  );\n                  setSelectedItems(filtered);\n                }}\n              />\n            )}\n          </SortableItem>\n        ))}\n        <div>\n          <MultiSearchListFieldWithCustomTrigger\n            items={items}\n            label={add}\n            value={selectedItems}\n            onChange={(newItems) => setSelectedItems(newItems ?? [])}\n            selectRenderElements={(item) => ({ label: item.label })}\n            getLabel={(item) => item.label}\n            getItemId={(item) => item.value}\n          >\n            <LyraButton variant=\"icon\" tooltip={add}>\n              <SvgIcon name=\"plus\" />\n            </LyraButton>\n          </MultiSearchListFieldWithCustomTrigger>\n        </div>\n      </div>\n    </SortableContainer>\n  );\n};\n\nconst GridItem = forwardRef<HTMLDivElement, GridItemProps>((props, ref) => {\n  const { attributes, insertPosition, isDragging, isOverlay, label, listeners, onRemove } = props;\n  const isKeyboardSorting = useIsKeyboardSorting();\n  const { item } = sortableGridStyles();\n  if (isKeyboardSorting && isOverlay) return null;\n  return (\n    <div\n      className={item({\n        clone: isOverlay || false,\n        active: isDragging,\n        insertPosition,\n        isKeyboardSorting,\n      })}\n      ref={ref}\n      {...attributes}\n      {...listeners}\n      onKeyDown={(e) => {\n        if (e.key === \"Backspace\") {\n          onRemove?.();\n          const previousElement = e.currentTarget.parentElement?.previousElementSibling\n            ?.children[0] as HTMLElement | undefined;\n          if (previousElement) previousElement.focus();\n        } else {\n          listeners?.onKeyDown(e);\n        }\n      }}\n    >\n      <div className=\"w-4\">\n        <SvgIcon name=\"drag-handle\" className=\"text-tertiary\" />\n      </div>\n      <Text className=\" whitespace-nowrap\">{label}</Text>\n      <Button className=\"-my-0.5 w-4 p-0.5 outline-none\" onPress={onRemove} excludeFromTabOrder>\n        <SvgIcon name=\"clear\" className=\"text-secondary\" />\n      </Button>\n    </div>\n  );\n});\n\nGridItem.displayName = \"Item\";\n"],"names":["SortableGrid","props","add","useDictionary","items","parentNode","selectedItems","setSelectedItems","grid","sortableGridStyles","jsx","SortableContainer","closestCorners","newItems","flexWrappedListKeyboardCoordinates","item","GridItem","jsxs","SortableItem","attributes","insertPosition","isDragging","isSorting","listeners","filtered","clonedItem","MultiSearchListFieldWithCustomTrigger","LyraButton","SvgIcon","forwardRef","ref","isOverlay","label","onRemove","isKeyboardSorting","useIsKeyboardSorting","e","previousElement","_b","_a","Text","Button"],"mappings":"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"}

package/dist/lyra610.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),f=require("react-dom"),t=require("./lyra794.cjs");function i(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return o.default=e,Object.freeze(o)}const l=i(a),d=typeof document<"u"?l.useLayoutEffect:l.useEffect;function m(e){const o=l.useReducer(()=>({}),{})[1],r={...e,onChange:(s,u)=>{var c;u?f.flushSync(o):o(),(c=e.onChange)==null||c.call(e,s,u)}},[n]=l.useState(()=>new t.Virtualizer(r));return n.setOptions(r),l.useEffect(()=>n._didMount(),[]),d(()=>n._willUpdate()),n}function E(e){return m({observeElementRect:t.observeElementRect,observeElementOffset:t.observeElementOffset,scrollToFn:t.elementScroll,...e})}exports.Virtualizer=t.Virtualizer;exports.defaultKeyExtractor=t.defaultKeyExtractor;exports.defaultRangeExtractor=t.defaultRangeExtractor;exports.elementScroll=t.elementScroll;exports.measureElement=t.measureElement;exports.observeElementOffset=t.observeElementOffset;exports.observeElementRect=t.observeElementRect;exports.useVirtualizer=E;

package/dist/lyra610.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra610.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra610.cjs","sources":["../node_modules/@tanstack/react-virtual/dist/esm/index.js"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { observeElementRect, observeElementOffset, elementScroll, observeWindowRect, observeWindowOffset, windowScroll, Virtualizer } from \"@tanstack/virtual-core\";\nexport * from \"@tanstack/virtual-core\";\nconst useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\nfunction useVirtualizerBase(options) {\n  const rerender = React.useReducer(() => ({}), {})[1];\n  const resolvedOptions = {\n    ...options,\n    onChange: (instance2, sync) => {\n      var _a;\n      if (sync) {\n        flushSync(rerender);\n      } else {\n        rerender();\n      }\n      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);\n    }\n  };\n  const [instance] = React.useState(\n    () => new Virtualizer(resolvedOptions)\n  );\n  instance.setOptions(resolvedOptions);\n  React.useEffect(() => {\n    return instance._didMount();\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    return instance._willUpdate();\n  });\n  return instance;\n}\nfunction useVirtualizer(options) {\n  return useVirtualizerBase({\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options\n  });\n}\nfunction useWindowVirtualizer(options) {\n  return useVirtualizerBase({\n    getScrollElement: () => typeof document !== \"undefined\" ? window : null,\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: () => typeof document !== \"undefined\" ? window.scrollY : 0,\n    ...options\n  });\n}\nexport {\n  useVirtualizer,\n  useWindowVirtualizer\n};\n//# sourceMappingURL=index.js.map\n"],"names":["useIsomorphicLayoutEffect","React","useVirtualizerBase","options","rerender","resolvedOptions","instance2","sync","_a","flushSync","instance","Virtualizer","useVirtualizer","observeElementRect","observeElementOffset","elementScroll"],"mappings":"qbAIMA,EAA4B,OAAO,SAAa,IAAcC,EAAM,gBAAkBA,EAAM,UAClG,SAASC,EAAmBC,EAAS,CACnC,MAAMC,EAAWH,EAAM,WAAW,KAAO,CAAE,GAAG,CAAE,CAAA,EAAE,CAAC,EAC7CI,EAAkB,CACtB,GAAGF,EACH,SAAU,CAACG,EAAWC,IAAS,CAC7B,IAAIC,EACAD,EACFE,EAAS,UAACL,CAAQ,EAElBA,KAEDI,EAAKL,EAAQ,WAAa,MAAgBK,EAAG,KAAKL,EAASG,EAAWC,CAAI,CAC5E,CACL,EACQ,CAACG,CAAQ,EAAIT,EAAM,SACvB,IAAM,IAAIU,EAAW,YAACN,CAAe,CACzC,EACE,OAAAK,EAAS,WAAWL,CAAe,EACnCJ,EAAM,UAAU,IACPS,EAAS,YACf,CAAE,CAAA,EACLV,EAA0B,IACjBU,EAAS,aACjB,EACMA,CACT,CACA,SAASE,EAAeT,EAAS,CAC/B,OAAOD,EAAmB,CAC5B,mBAAIW,EAAkB,mBACtB,qBAAIC,EAAoB,qBACpB,WAAYC,EAAa,cACzB,GAAGZ,CACP,CAAG,CACH","x_google_ignoreList":[0]}

package/dist/lyra610.js

@@ -1,4 +1,35 @@
-var e = {};
+import * as t from "react";
+import { flushSync as f } from "react-dom";
+import { observeElementRect as l, observeElementOffset as c, elementScroll as i, Virtualizer as m } from "./lyra794.js";
+import { defaultKeyExtractor as R, defaultRangeExtractor as g, measureElement as z } from "./lyra794.js";
+const d = typeof document < "u" ? t.useLayoutEffect : t.useEffect;
+function E(e) {
+  const n = t.useReducer(() => ({}), {})[1], o = {
+    ...e,
+    onChange: (a, u) => {
+      var s;
+      u ? f(n) : n(), (s = e.onChange) == null || s.call(e, a, u);
+    }
+  }, [r] = t.useState(
+    () => new m(o)
+  );
+  return r.setOptions(o), t.useEffect(() => r._didMount(), []), d(() => r._willUpdate()), r;
+}
+function h(e) {
+  return E({
+    observeElementRect: l,
+    observeElementOffset: c,
+    scrollToFn: i,
+    ...e
+  });
+}
 export {
-  e as __exports
+  m as Virtualizer,
+  R as defaultKeyExtractor,
+  g as defaultRangeExtractor,
+  i as elementScroll,
+  z as measureElement,
+  c as observeElementOffset,
+  l as observeElementRect,
+  h as useVirtualizer
 };

package/dist/lyra610.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra610.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"lyra610.js","sources":["../node_modules/@tanstack/react-virtual/dist/esm/index.js"],"sourcesContent":["import * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { observeElementRect, observeElementOffset, elementScroll, observeWindowRect, observeWindowOffset, windowScroll, Virtualizer } from \"@tanstack/virtual-core\";\nexport * from \"@tanstack/virtual-core\";\nconst useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? React.useLayoutEffect : React.useEffect;\nfunction useVirtualizerBase(options) {\n  const rerender = React.useReducer(() => ({}), {})[1];\n  const resolvedOptions = {\n    ...options,\n    onChange: (instance2, sync) => {\n      var _a;\n      if (sync) {\n        flushSync(rerender);\n      } else {\n        rerender();\n      }\n      (_a = options.onChange) == null ? void 0 : _a.call(options, instance2, sync);\n    }\n  };\n  const [instance] = React.useState(\n    () => new Virtualizer(resolvedOptions)\n  );\n  instance.setOptions(resolvedOptions);\n  React.useEffect(() => {\n    return instance._didMount();\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    return instance._willUpdate();\n  });\n  return instance;\n}\nfunction useVirtualizer(options) {\n  return useVirtualizerBase({\n    observeElementRect,\n    observeElementOffset,\n    scrollToFn: elementScroll,\n    ...options\n  });\n}\nfunction useWindowVirtualizer(options) {\n  return useVirtualizerBase({\n    getScrollElement: () => typeof document !== \"undefined\" ? window : null,\n    observeElementRect: observeWindowRect,\n    observeElementOffset: observeWindowOffset,\n    scrollToFn: windowScroll,\n    initialOffset: () => typeof document !== \"undefined\" ? window.scrollY : 0,\n    ...options\n  });\n}\nexport {\n  useVirtualizer,\n  useWindowVirtualizer\n};\n//# sourceMappingURL=index.js.map\n"],"names":["useIsomorphicLayoutEffect","React","useVirtualizerBase","options","rerender","resolvedOptions","instance2","sync","_a","flushSync","instance","Virtualizer","useVirtualizer","observeElementRect","observeElementOffset","elementScroll"],"mappings":";;;;AAIA,MAAMA,IAA4B,OAAO,WAAa,MAAcC,EAAM,kBAAkBA,EAAM;AAClG,SAASC,EAAmBC,GAAS;AACnC,QAAMC,IAAWH,EAAM,WAAW,OAAO,CAAE,IAAG,CAAE,CAAA,EAAE,CAAC,GAC7CI,IAAkB;AAAA,IACtB,GAAGF;AAAA,IACH,UAAU,CAACG,GAAWC,MAAS;AAC7B,UAAIC;AACJ,MAAID,IACFE,EAAUL,CAAQ,IAElBA,MAEDI,IAAKL,EAAQ,aAAa,QAAgBK,EAAG,KAAKL,GAASG,GAAWC,CAAI;AAAA,IAC5E;AAAA,EACL,GACQ,CAACG,CAAQ,IAAIT,EAAM;AAAA,IACvB,MAAM,IAAIU,EAAYN,CAAe;AAAA,EACzC;AACE,SAAAK,EAAS,WAAWL,CAAe,GACnCJ,EAAM,UAAU,MACPS,EAAS,aACf,CAAE,CAAA,GACLV,EAA0B,MACjBU,EAAS,aACjB,GACMA;AACT;AACA,SAASE,EAAeT,GAAS;AAC/B,SAAOD,EAAmB;AAAA,IACxB,oBAAAW;AAAA,IACA,sBAAAC;AAAA,IACA,YAAYC;AAAA,IACZ,GAAGZ;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/lyra611.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),c={display:"none"};function r(e){let{id:n,value:t}=e;return o.createElement("div",{id:n,style:c},t)}function u(e){let{id:n,announcement:t,ariaLiveType:i="assertive"}=e;const a={position:"fixed",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return o.createElement("div",{id:n,style:a,role:"status","aria-live":i,"aria-atomic":!0},t)}function d(){const[e,n]=o.useState("");return{announce:o.useCallback(i=>{i!=null&&n(i)},[]),announcement:e}}exports.HiddenText=r;exports.LiveRegion=u;exports.useAnnouncement=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),u=require("./lyra100.cjs"),s=({className:n,...t},e)=>{const{buttonProps:o}=u.useButton(t,e);return r.jsxRuntimeExports.jsx("span",{className:n,role:"button",...o,children:t.children})};exports.SpanButton=s;

package/dist/lyra611.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra611.cjs","sources":["../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\n\nconst hiddenStyles = {\n  display: 'none'\n};\nfunction HiddenText(_ref) {\n  let {\n    id,\n    value\n  } = _ref;\n  return React.createElement(\"div\", {\n    id: id,\n    style: hiddenStyles\n  }, value);\n}\n\nfunction LiveRegion(_ref) {\n  let {\n    id,\n    announcement,\n    ariaLiveType = \"assertive\"\n  } = _ref;\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden = {\n    position: 'fixed',\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap'\n  };\n  return React.createElement(\"div\", {\n    id: id,\n    style: visuallyHidden,\n    role: \"status\",\n    \"aria-live\": ariaLiveType,\n    \"aria-atomic\": true\n  }, announcement);\n}\n\nfunction useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback(value => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n  return {\n    announce,\n    announcement\n  };\n}\n\nexport { HiddenText, LiveRegion, useAnnouncement };\n//# sourceMappingURL=accessibility.esm.js.map\n"],"names":["hiddenStyles","HiddenText","_ref","id","value","React","LiveRegion","announcement","ariaLiveType","visuallyHidden","useAnnouncement","setAnnouncement","useState","useCallback"],"mappings":"yGAEMA,EAAe,CACnB,QAAS,MACX,EACA,SAASC,EAAWC,EAAM,CACxB,GAAI,CACF,GAAAC,EACA,MAAAC,CACD,EAAGF,EACJ,OAAOG,EAAM,cAAc,MAAO,CAChC,GAAIF,EACJ,MAAOH,CACR,EAAEI,CAAK,CACV,CAEA,SAASE,EAAWJ,EAAM,CACxB,GAAI,CACF,GAAAC,EACA,aAAAI,EACA,aAAAC,EAAe,WAChB,EAAGN,EAEJ,MAAMO,EAAiB,CACrB,SAAU,QACV,MAAO,EACP,OAAQ,EACR,OAAQ,GACR,OAAQ,EACR,QAAS,EACT,SAAU,SACV,KAAM,gBACN,SAAU,cACV,WAAY,QAChB,EACE,OAAOJ,EAAM,cAAc,MAAO,CAChC,GAAIF,EACJ,MAAOM,EACP,KAAM,SACN,YAAaD,EACb,cAAe,EAChB,EAAED,CAAY,CACjB,CAEA,SAASG,GAAkB,CACzB,KAAM,CAACH,EAAcI,CAAe,EAAIC,EAAQ,SAAC,EAAE,EAMnD,MAAO,CACL,SANeC,EAAW,YAACT,GAAS,CAChCA,GAAS,MACXO,EAAgBP,CAAK,CAExB,EAAE,CAAE,CAAA,EAGH,aAAAG,CACJ,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra611.cjs","sources":["../src/components/button/span-button.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport { AriaButtonProps, useButton } from \"react-aria\";\n\nexport const SpanButton = (\n  { className, ...props }: AriaButtonProps<\"span\"> & { className?: string },\n  ref: RefObject<Element>,\n) => {\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    <span className={className} role=\"button\" {...buttonProps}>\n      {props.children}\n    </span>\n  );\n};\n"],"names":["SpanButton","className","props","ref","buttonProps","useButton","jsx"],"mappings":"2IAGaA,EAAa,CACxB,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAChBC,IACG,CACH,KAAM,CAAE,YAAAC,CAAgB,EAAAC,EAAA,UAAUH,EAAOC,CAAG,EAG1C,OAAAG,wBAAC,QAAK,UAAAL,EAAsB,KAAK,SAAU,GAAGG,EAC3C,WAAM,QACT,CAAA,CAEJ"}

package/dist/lyra611.js

@@ -1,54 +1,9 @@
-import a, { useState as r, useCallback as c } from "react";
-const d = {
-  display: "none"
+import { j as a } from "./lyra90.js";
+import { useButton as e } from "./lyra100.js";
+const u = ({ className: o, ...t }, n) => {
+  const { buttonProps: r } = e(t, n);
+  return /* @__PURE__ */ a.jsx("span", { className: o, role: "button", ...r, children: t.children });
 };
-function u(e) {
-  let {
-    id: n,
-    value: t
-  } = e;
-  return a.createElement("div", {
-    id: n,
-    style: d
-  }, t);
-}
-function s(e) {
-  let {
-    id: n,
-    announcement: t,
-    ariaLiveType: i = "assertive"
-  } = e;
-  const o = {
-    position: "fixed",
-    width: 1,
-    height: 1,
-    margin: -1,
-    border: 0,
-    padding: 0,
-    overflow: "hidden",
-    clip: "rect(0 0 0 0)",
-    clipPath: "inset(100%)",
-    whiteSpace: "nowrap"
-  };
-  return a.createElement("div", {
-    id: n,
-    style: o,
-    role: "status",
-    "aria-live": i,
-    "aria-atomic": !0
-  }, t);
-}
-function m() {
-  const [e, n] = r("");
-  return {
-    announce: c((i) => {
-      i != null && n(i);
-    }, []),
-    announcement: e
-  };
-}
 export {
-  u as HiddenText,
-  s as LiveRegion,
-  m as useAnnouncement
+  u as SpanButton
 };

package/dist/lyra611.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra611.js","sources":["../node_modules/@dnd-kit/accessibility/dist/accessibility.esm.js"],"sourcesContent":["import React, { useState, useCallback } from 'react';\n\nconst hiddenStyles = {\n  display: 'none'\n};\nfunction HiddenText(_ref) {\n  let {\n    id,\n    value\n  } = _ref;\n  return React.createElement(\"div\", {\n    id: id,\n    style: hiddenStyles\n  }, value);\n}\n\nfunction LiveRegion(_ref) {\n  let {\n    id,\n    announcement,\n    ariaLiveType = \"assertive\"\n  } = _ref;\n  // Hide element visually but keep it readable by screen readers\n  const visuallyHidden = {\n    position: 'fixed',\n    width: 1,\n    height: 1,\n    margin: -1,\n    border: 0,\n    padding: 0,\n    overflow: 'hidden',\n    clip: 'rect(0 0 0 0)',\n    clipPath: 'inset(100%)',\n    whiteSpace: 'nowrap'\n  };\n  return React.createElement(\"div\", {\n    id: id,\n    style: visuallyHidden,\n    role: \"status\",\n    \"aria-live\": ariaLiveType,\n    \"aria-atomic\": true\n  }, announcement);\n}\n\nfunction useAnnouncement() {\n  const [announcement, setAnnouncement] = useState('');\n  const announce = useCallback(value => {\n    if (value != null) {\n      setAnnouncement(value);\n    }\n  }, []);\n  return {\n    announce,\n    announcement\n  };\n}\n\nexport { HiddenText, LiveRegion, useAnnouncement };\n//# sourceMappingURL=accessibility.esm.js.map\n"],"names":["hiddenStyles","HiddenText","_ref","id","value","React","LiveRegion","announcement","ariaLiveType","visuallyHidden","useAnnouncement","setAnnouncement","useState","useCallback"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACnB,SAAS;AACX;AACA,SAASC,EAAWC,GAAM;AACxB,MAAI;AAAA,IACF,IAAAC;AAAA,IACA,OAAAC;AAAA,EACD,IAAGF;AACJ,SAAOG,EAAM,cAAc,OAAO;AAAA,IAChC,IAAIF;AAAA,IACJ,OAAOH;AAAA,EACR,GAAEI,CAAK;AACV;AAEA,SAASE,EAAWJ,GAAM;AACxB,MAAI;AAAA,IACF,IAAAC;AAAA,IACA,cAAAI;AAAA,IACA,cAAAC,IAAe;AAAA,EAChB,IAAGN;AAEJ,QAAMO,IAAiB;AAAA,IACrB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EAChB;AACE,SAAOJ,EAAM,cAAc,OAAO;AAAA,IAChC,IAAIF;AAAA,IACJ,OAAOM;AAAA,IACP,MAAM;AAAA,IACN,aAAaD;AAAA,IACb,eAAe;AAAA,EAChB,GAAED,CAAY;AACjB;AAEA,SAASG,IAAkB;AACzB,QAAM,CAACH,GAAcI,CAAe,IAAIC,EAAS,EAAE;AAMnD,SAAO;AAAA,IACL,UANeC,EAAY,CAAAT,MAAS;AACpC,MAAIA,KAAS,QACXO,EAAgBP,CAAK;AAAA,IAExB,GAAE,CAAE,CAAA;AAAA,IAGH,cAAAG;AAAA,EACJ;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra611.js","sources":["../src/components/button/span-button.tsx"],"sourcesContent":["import { RefObject } from \"react\";\nimport { AriaButtonProps, useButton } from \"react-aria\";\n\nexport const SpanButton = (\n  { className, ...props }: AriaButtonProps<\"span\"> & { className?: string },\n  ref: RefObject<Element>,\n) => {\n  const { buttonProps } = useButton(props, ref);\n\n  return (\n    <span className={className} role=\"button\" {...buttonProps}>\n      {props.children}\n    </span>\n  );\n};\n"],"names":["SpanButton","className","props","ref","buttonProps","useButton","jsx"],"mappings":";;AAGO,MAAMA,IAAa,CACxB,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAChBC,MACG;AACH,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUH,GAAOC,CAAG;AAG1C,SAAAG,gBAAAA,MAAC,UAAK,WAAAL,GAAsB,MAAK,UAAU,GAAGG,GAC3C,YAAM,SACT,CAAA;AAEJ;"}

package/dist/lyra612.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(i){const a=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],o=Math.floor(Math.log(i)/Math.log(1024));return`${(i/Math.pow(1024,o)).toFixed(2)} ${a[o]}`}const t={"audio/aac":"aac","application/x-abiword":"abw","application/x-freearc":"arc","video/x-msvideo":"avi","application/vnd.amazon.ebook":"azw","application/octet-stream":"bin","image/bmp":"bmp","application/x-bzip":"bz","application/x-bzip2":"bz2","application/x-csh":"csh","text/css":"css","text/csv":"csv","application/msword":"doc","application/vnd.openxmlformats-officedocument.wordprocessingml.document":"docx","application/vnd.ms-fontobject":"eot","application/epub+zip":"epub","application/gzip":"gz","image/gif":"gif","text/html":"html","image/vnd.microsoft.icon":"ico","text/calendar":"ics","application/java-archive":"jar","image/jpeg":"jpeg, jpg","text/javascript":"js","application/json":"json","application/ld+json":"jsonld","audio/midi audio/x-midi":"mid, midi","audio/mpeg":"mp3","video/mpeg":"mpeg","application/vnd.apple.installer+xml":"mpkg","application/vnd.oasis.opendocument.presentation":"odp","application/vnd.oasis.opendocument.spreadsheet":"ods","application/vnd.oasis.opendocument.text":"odt","audio/ogg":"oga","video/ogg":"ogv","application/ogg":"ogx","audio/opus":"opus","font/otf":"otf","image/png":"png","application/pdf":"pdf","application/x-httpd-php":"php","application/vnd.ms-powerpoint":"ppt","application/vnd.openxmlformats-officedocument.presentationml.presentation":"pptx","application/vnd.rar":"rar","application/rtf":"rtf","application/x-sh":"sh","image/svg+xml":"svg","application/x-shockwave-flash":"swf","application/x-tar":"tar","image/tiff":"tif, tiff","video/mp2t":"ts","font/ttf":"ttf","text/plain":"txt","application/vnd.visio":"vsd","audio/wav":"wav","audio/webm":"weba","video/webm":"webm","image/webp":"webp","font/woff":"woff","font/woff2":"woff2","application/xhtml+xml":"xhtml","application/vnd.ms-excel":"xls","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":"xlsx","application/xml":"xml","text/xml":"xml","application/vnd.mozilla.xul+xml":"xul","application/zip":"zip","video/3gpp":"3gp","audio/3gpp":"3g2","video/3gpp2":"3gpp2","application/x-7z-compressed":"7z"};exports.CommonMimeTypes=t;exports.convertBytes=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function D(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return o.useMemo(()=>u=>{e.forEach(r=>r(u))},e)}const h=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function i(n){const e=Object.prototype.toString.call(n);return e==="[object Window]"||e==="[object global]"}function l(n){return"nodeType"in n}function c(n){var e,t;return n?i(n)?n:l(n)&&(e=(t=n.ownerDocument)==null?void 0:t.defaultView)!=null?e:window:window}function E(n){const{Document:e}=c(n);return n instanceof e}function g(n){return i(n)?!1:n instanceof c(n).HTMLElement}function S(n){return n instanceof c(n).SVGElement}function L(n){return n?i(n)?n.document:l(n)?E(n)?n:g(n)||S(n)?n.ownerDocument:document:document:document}const d=h?o.useLayoutEffect:o.useEffect;function R(n){const e=o.useRef(n);return d(()=>{e.current=n}),o.useCallback(function(){for(var t=arguments.length,u=new Array(t),r=0;r<t;r++)u[r]=arguments[r];return e.current==null?void 0:e.current(...u)},[])}function O(){const n=o.useRef(null),e=o.useCallback((u,r)=>{n.current=setInterval(u,r)},[]),t=o.useCallback(()=>{n.current!==null&&(clearInterval(n.current),n.current=null)},[]);return[e,t]}function V(n,e){e===void 0&&(e=[n]);const t=o.useRef(n);return d(()=>{t.current!==n&&(t.current=n)},e),t}function j(n,e){const t=o.useRef();return o.useMemo(()=>{const u=n(t.current);return t.current=u,u},[...e])}function I(n){const e=R(n),t=o.useRef(null),u=o.useCallback(r=>{r!==t.current&&(e==null||e(r,t.current)),t.current=r},[]);return[t,u]}function N(n){const e=o.useRef();return o.useEffect(()=>{e.current=n},[n]),e.current}let f={};function X(n,e){return o.useMemo(()=>{if(e)return e;const t=f[n]==null?0:f[n]+1;return f[n]=t,n+"-"+t},[n,e])}function y(n){return function(e){for(var t=arguments.length,u=new Array(t>1?t-1:0),r=1;r<t;r++)u[r-1]=arguments[r];return u.reduce((s,M)=>{const v=Object.entries(M);for(const[m,p]of v){const w=s[m];w!=null&&(s[m]=w+n*p)}return s},{...e})}}const Y=y(1),A=y(-1);function T(n){return"clientX"in n&&"clientY"in n}function F(n){if(!n)return!1;const{KeyboardEvent:e}=c(n.target);return e&&n instanceof e}function C(n){if(!n)return!1;const{TouchEvent:e}=c(n.target);return e&&n instanceof e}function W(n){if(C(n)){if(n.touches&&n.touches.length){const{clientX:e,clientY:t}=n.touches[0];return{x:e,y:t}}else if(n.changedTouches&&n.changedTouches.length){const{clientX:e,clientY:t}=n.changedTouches[0];return{x:e,y:t}}}return T(n)?{x:n.clientX,y:n.clientY}:null}const a=Object.freeze({Translate:{toString(n){if(!n)return;const{x:e,y:t}=n;return"translate3d("+(e?Math.round(e):0)+"px, "+(t?Math.round(t):0)+"px, 0)"}},Scale:{toString(n){if(!n)return;const{scaleX:e,scaleY:t}=n;return"scaleX("+e+") scaleY("+t+")"}},Transform:{toString(n){if(n)return[a.Translate.toString(n),a.Scale.toString(n)].join(" ")}},Transition:{toString(n){let{property:e,duration:t,easing:u}=n;return e+" "+t+"ms "+u}}}),b="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function q(n){return n.matches(b)?n:n.querySelector(b)}exports.CSS=a;exports.add=Y;exports.canUseDOM=h;exports.findFirstFocusableNode=q;exports.getEventCoordinates=W;exports.getOwnerDocument=L;exports.getWindow=c;exports.hasViewportRelativeCoordinates=T;exports.isDocument=E;exports.isHTMLElement=g;exports.isKeyboardEvent=F;exports.isNode=l;exports.isSVGElement=S;exports.isTouchEvent=C;exports.isWindow=i;exports.subtract=A;exports.useCombinedRefs=D;exports.useEvent=R;exports.useInterval=O;exports.useIsomorphicLayoutEffect=d;exports.useLatestValue=V;exports.useLazyMemo=j;exports.useNodeRef=I;exports.usePrevious=N;exports.useUniqueId=X;