@new-black/lyra 1.0.23 → 1.0.25

package/dist/lyra453.js

@@ -1,16 +1,46 @@
-import { tv as t } from "./lyra451.js";
-const d = t({
-  slots: {
-    kpi: ["flex flex-col items-center gap-3 px-4"],
-    kpiText: ["max-w-full truncate"],
-    list: [
-      "grid gap-y-5 [&>*:last-child]:border-none",
-      "grid-cols-1",
-      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
-      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
-    ]
-  }
-});
+import { j as e } from "./lyra90.js";
+import l from "./lyra92.js";
+import { iconsSchema as d, SvgIcon as s } from "./lyra65.js";
+import { Text as p } from "./lyra73.js";
+import "./lyra74.js";
+import { sharedListItemStyles as N } from "./lyra452.js";
+const v = l.object({
+  label: l.string(),
+  description: l.string().optional(),
+  iconStart: d.optional(),
+  iconEnd: d.optional(),
+  image: l.string().url().optional(),
+  customElement: l.any().optional()
+}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
+  hasSelection: i,
+  item: h,
+  selectRenderElements: x,
+  state: t
+}) => {
+  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
+    item: S,
+    itemCheckmark: j,
+    itemCheckmarkWrapper: u,
+    itemDescription: g,
+    itemEndIcon: f,
+    itemImage: k,
+    itemLabel: y,
+    itemStartIcon: I
+  } = N({
+    hasSelection: i
+  });
+  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
+    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
+    m || null,
+    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
+    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
+    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
+      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
+      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
+    ] }),
+    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
+  ] });
+};
 export {
-  d as KpiStyles
+  W as SharedListItem
 };

package/dist/lyra453.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra453.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}

package/dist/lyra454.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;
+"use strict";

package/dist/lyra454.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}
+{"version":3,"file":"lyra454.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra454.js

@@ -1,16 +1 @@
-import { j as e } from "./lyra90.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
-}
-export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
-};
+

package/dist/lyra454.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra454.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra455.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;

package/dist/lyra455.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra455.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}
+{"version":3,"file":"lyra455.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}

package/dist/lyra455.js

@@ -1,14 +1,16 @@
-import { j as i } from "./lyra90.js";
-import { createContext as s, useContext as o, useMemo as u } from "react";
-const t = s({ depth: null });
-function m({ children: n }) {
-  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
-  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
-}
-function p() {
-  return o(t);
-}
+import { tv as t } from "./lyra451.js";
+const d = t({
+  slots: {
+    kpi: ["flex flex-col items-center gap-3 px-4"],
+    kpiText: ["max-w-full truncate"],
+    list: [
+      "grid gap-y-5 [&>*:last-child]:border-none",
+      "grid-cols-1",
+      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
+      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
+    ]
+  }
+});
 export {
-  m as NavigationItemProvider,
-  p as useNavigationItemContext
+  d as KpiStyles
 };

package/dist/lyra455.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra455.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}
+{"version":3,"file":"lyra455.js","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra456.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;

package/dist/lyra456.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra456.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra456.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}

package/dist/lyra456.js

@@ -1,92 +1,16 @@
-import { tv as e } from "./lyra451.js";
-const r = e({
-  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
-}), i = e({
-  base: [
-    "block",
-    "w-full",
-    "justify-start",
-    "rounded-sm",
-    "bg-transparent",
-    "p-1",
-    "ps-1.5",
-    "text-start",
-    "text-base",
-    "font-normal",
-    "text-primary",
-    "outline-none",
-    "duration-0",
-    "active:text-inverted",
-    "hover:bg-action-hover",
-    "hover:text-inverted",
-    "focus:bg-action-focus",
-    "focus:text-inverted",
-    "focus-visible:[box-shadow:none]"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-tertiary", "cursor-not-allowed"]
-    }
-  }
-}), o = e({
-  slots: {
-    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
-    itemCheckmark: [],
-    itemCheckmarkWrapper: [],
-    itemImage: [
-      "w-9",
-      "min-w-9",
-      "h-9",
-      "rounded-xs",
-      "border",
-      "solid",
-      "border-default",
-      "me-1.5",
-      "overflow-hidden",
-      "box-border",
-      "object-contain",
-      "bg-[#ffffff]",
-      "block"
-    ],
-    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
-    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
-    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
-    itemStartIcon: ["w-4", "h-4", "me-1"]
-  },
-  variants: {
-    hasSelection: {
-      true: {
-        itemCheckmarkWrapper: ["w-5", "min-w-5"],
-        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
-      },
-      false: {
-        item: ["ps-1.5"]
-      }
-    },
-    disabled: {
-      true: {
-        item: ["cursor-not-allowed"],
-        itemCheckmark: ["text-tertiary"],
-        itemImage: ["opacity-50"],
-        itemLabel: ["text-tertiary"],
-        itemDescription: ["text-tertiary"]
-      }
-    },
-    active: {
-      true: {
-        item: ["bg-action-focus"],
-        itemImage: ["border-focus"],
-        itemCheckmark: ["text-inverted"],
-        itemLabel: ["text-inverted"],
-        itemDescription: ["text-inverted"],
-        itemStartIcon: ["text-inverted"],
-        itemEndIcon: ["text-inverted"]
-      }
-    }
-  }
-});
+import { j as e } from "./lyra90.js";
+import { createContext as r, useContext as i } from "react";
+const o = r(null), u = ({
+  children: t,
+  currentRoute: n
+}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
+function x() {
+  const t = i(o);
+  if (t === null)
+    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
+  return t;
+}
 export {
-  i as loadMoreButtonStyles,
-  o as sharedListItemStyles,
-  r as sharedListStyles
+  u as NavigationContextProvider,
+  x as useNavigationContext
 };

package/dist/lyra456.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra456.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra456.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}

package/dist/lyra457.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),i=require("./lyra92.cjs"),n=require("./lyra65.cjs"),x=require("./lyra73.cjs");require("./lyra74.cjs");const I=require("./lyra456.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;

package/dist/lyra457.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"lyra457.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}

package/dist/lyra457.js

@@ -1,46 +1,14 @@
-import { j as e } from "./lyra90.js";
-import l from "./lyra92.js";
-import { iconsSchema as d, SvgIcon as s } from "./lyra65.js";
-import { Text as p } from "./lyra73.js";
-import "./lyra74.js";
-import { sharedListItemStyles as N } from "./lyra456.js";
-const v = l.object({
-  label: l.string(),
-  description: l.string().optional(),
-  iconStart: d.optional(),
-  iconEnd: d.optional(),
-  image: l.string().url().optional(),
-  customElement: l.any().optional()
-}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
-  hasSelection: i,
-  item: h,
-  selectRenderElements: x,
-  state: t
-}) => {
-  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
-    item: S,
-    itemCheckmark: j,
-    itemCheckmarkWrapper: u,
-    itemDescription: g,
-    itemEndIcon: f,
-    itemImage: k,
-    itemLabel: y,
-    itemStartIcon: I
-  } = N({
-    hasSelection: i
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
-    m || null,
-    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
-    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
-      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
-      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
-    ] }),
-    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
-  ] });
-};
+import { j as i } from "./lyra90.js";
+import { createContext as s, useContext as o, useMemo as u } from "react";
+const t = s({ depth: null });
+function m({ children: n }) {
+  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
+  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
+}
+function p() {
+  return o(t);
+}
 export {
-  W as SharedListItem
+  m as NavigationItemProvider,
+  p as useNavigationItemContext
 };

package/dist/lyra457.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"lyra457.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}

package/dist/lyra459.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),l=require("react"),n=require("./lyra89.cjs"),m=require("./lyra93.cjs"),R=require("./lyra612.cjs"),f=require("./lyra65.cjs"),d=require("./lyra460.cjs"),g=l.createContext(null);function v({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(g.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(v);p.displayName="InputTagGroup";function y({children:a,...t},i){const{onRemove:o}=l.useContext(g),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=d.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(y);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),l=require("react"),n=require("./lyra89.cjs"),m=require("./lyra93.cjs"),R=require("./lyra617.cjs"),f=require("./lyra65.cjs"),d=require("./lyra460.cjs"),g=l.createContext(null);function v({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(g.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(v);p.displayName="InputTagGroup";function y({children:a,...t},i){const{onRemove:o}=l.useContext(g),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=d.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(y);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;

package/dist/lyra459.js

@@ -2,7 +2,7 @@ import { j as e } from "./lyra90.js";
 import { createContext as u, useContext as x } from "react";
 import { useContextProps as p, TagGroupContext as g, TagGroup as $, TagList as b, Tag as T, composeRenderProps as j } from "./lyra89.js";
 import { fixedForwardRef as f } from "./lyra93.js";
-import { SpanButton as N } from "./lyra612.js";
+import { SpanButton as N } from "./lyra617.js";
 import { SvgIcon as v } from "./lyra65.js";
 import { tagGroupStyles as G, tagStyles as I } from "./lyra460.js";
 const c = u(null);

package/dist/lyra461.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra464.cjs"),r=require("./lyra614.cjs");function o(){const{activatorEvent:e}=t.useDndContext();return r.isKeyboardEvent(e)}exports.useIsKeyboardSorting=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra464.cjs"),r=require("./lyra618.cjs");function o(){const{activatorEvent:e}=t.useDndContext();return r.isKeyboardEvent(e)}exports.useIsKeyboardSorting=o;

package/dist/lyra461.js

@@ -1,5 +1,5 @@
 import { useDndContext as o } from "./lyra464.js";
-import { isKeyboardEvent as r } from "./lyra614.js";
+import { isKeyboardEvent as r } from "./lyra618.js";
 function i() {
   const { activatorEvent: t } = o();
   return r(t);

package/dist/lyra462.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra464.cjs"),C=require("./lyra615.cjs"),i=require("./lyra616.cjs"),f=require("./lyra450.cjs"),h=require("./lyra617.cjs"),P=require("./lyra618.cjs"),M={droppable:{strategy:e.MeasuringStrategy.Always}},_=({children:r,collisionDetection:s,disableRestrictToParent:o,hasAdditionalTopPadding:u,items:n,keyboardCoordinateGetter:c,onDragEnd:l,onDragStart:d,orientation:x,overlay:g,parentNode:m,setItems:p})=>{const S=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:c||i.sortableKeyboardCoordinates})),{activeItem:a,onDragCancel:j,onDragEnd:b,onDragStart:y}=h.useDragEvents(n,p,d,l),D=P.useSortingStrategy(x),E=v.useMemo(()=>n.map(q=>q.value),[n]);return t.jsxRuntimeExports.jsx(e.DndContext,{sensors:S,onDragStart:y,onDragEnd:b,measuring:M,onDragCancel:j,collisionDetection:s,children:t.jsxRuntimeExports.jsxs(i.SortableContext,{items:E,strategy:D,children:[t.jsxRuntimeExports.jsx(G,{id:"top-level",children:t.jsxRuntimeExports.jsx("div",{className:f.clsx(u?"-mt-[50px] pt-[50px]":"mt-0 pt-0"),children:r})}),R.createPortal(t.jsxRuntimeExports.jsx(e.DragOverlay,{modifiers:o?void 0:[C.restrictToParentElement],children:a?g(a):null}),m??document.body)]})})};function G({children:r,id:s}){const{setNodeRef:o}=e.useDroppable({id:s});return t.jsxRuntimeExports.jsx("div",{ref:o,children:r})}exports.SortableContainer=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra464.cjs"),C=require("./lyra619.cjs"),i=require("./lyra620.cjs"),f=require("./lyra450.cjs"),h=require("./lyra621.cjs"),P=require("./lyra622.cjs"),M={droppable:{strategy:e.MeasuringStrategy.Always}},_=({children:r,collisionDetection:s,disableRestrictToParent:o,hasAdditionalTopPadding:u,items:n,keyboardCoordinateGetter:c,onDragEnd:l,onDragStart:d,orientation:x,overlay:g,parentNode:m,setItems:p})=>{const S=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:c||i.sortableKeyboardCoordinates})),{activeItem:a,onDragCancel:j,onDragEnd:b,onDragStart:y}=h.useDragEvents(n,p,d,l),D=P.useSortingStrategy(x),E=v.useMemo(()=>n.map(q=>q.value),[n]);return t.jsxRuntimeExports.jsx(e.DndContext,{sensors:S,onDragStart:y,onDragEnd:b,measuring:M,onDragCancel:j,collisionDetection:s,children:t.jsxRuntimeExports.jsxs(i.SortableContext,{items:E,strategy:D,children:[t.jsxRuntimeExports.jsx(G,{id:"top-level",children:t.jsxRuntimeExports.jsx("div",{className:f.clsx(u?"-mt-[50px] pt-[50px]":"mt-0 pt-0"),children:r})}),R.createPortal(t.jsxRuntimeExports.jsx(e.DragOverlay,{modifiers:o?void 0:[C.restrictToParentElement],children:a?g(a):null}),m??document.body)]})})};function G({children:r,id:s}){const{setNodeRef:o}=e.useDroppable({id:s});return t.jsxRuntimeExports.jsx("div",{ref:o,children:r})}exports.SortableContainer=_;

package/dist/lyra462.js

@@ -2,11 +2,11 @@ import { j as r } from "./lyra90.js";
 import { useMemo as v } from "react";
 import { createPortal as h } from "react-dom";
 import { MeasuringStrategy as C, useSensors as E, useSensor as a, DndContext as P, DragOverlay as I, useDroppable as K, KeyboardSensor as M, PointerSensor as N } from "./lyra464.js";
-import { restrictToParentElement as R } from "./lyra615.js";
-import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra616.js";
+import { restrictToParentElement as R } from "./lyra619.js";
+import { SortableContext as w, sortableKeyboardCoordinates as A } from "./lyra620.js";
 import { clsx as G } from "./lyra450.js";
-import { useDragEvents as O } from "./lyra617.js";
-import { useSortingStrategy as T } from "./lyra618.js";
+import { useDragEvents as O } from "./lyra621.js";
+import { useSortingStrategy as T } from "./lyra622.js";
 const k = {
   droppable: {
     strategy: C.Always

package/dist/lyra463.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra90.cjs"),y=require("react"),j=require("./lyra464.cjs"),R=require("./lyra616.cjs"),d=require("./lyra614.cjs"),E=({children:u,sortableId:i})=>{const{active:e,activeIndex:n,attributes:a,index:s,isDragging:c,isSorting:o,listeners:m,over:t,setNodeRef:l,transform:S,transition:b}=R.useSortable({id:i}),{activatorEvent:f}=j.useDndContext(),r=d.isKeyboardEvent(f),g={transform:o?void 0:d.CSS.Translate.toString(S),transition:b??void 0},x=y.useMemo(()=>{if(!((e==null?void 0:e.id)===(t==null?void 0:t.id)&&!r))return(t==null?void 0:t.id)===i?s>n?"after":"before":void 0},[e==null?void 0:e.id,t==null?void 0:t.id,r,i,s,n]);return q.jsxRuntimeExports.jsx("div",{ref:l,style:g,children:u({isDragging:c,attributes:a,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})})};exports.SortableItem=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra90.cjs"),y=require("react"),j=require("./lyra464.cjs"),R=require("./lyra620.cjs"),d=require("./lyra618.cjs"),E=({children:u,sortableId:i})=>{const{active:e,activeIndex:n,attributes:a,index:s,isDragging:c,isSorting:o,listeners:m,over:t,setNodeRef:l,transform:S,transition:b}=R.useSortable({id:i}),{activatorEvent:f}=j.useDndContext(),r=d.isKeyboardEvent(f),g={transform:o?void 0:d.CSS.Translate.toString(S),transition:b??void 0},x=y.useMemo(()=>{if(!((e==null?void 0:e.id)===(t==null?void 0:t.id)&&!r))return(t==null?void 0:t.id)===i?s>n?"after":"before":void 0},[e==null?void 0:e.id,t==null?void 0:t.id,r,i,s,n]);return q.jsxRuntimeExports.jsx("div",{ref:l,style:g,children:u({isDragging:c,attributes:a,isKeyboardSorting:r,insertPosition:x,isSorting:o,listeners:m})})};exports.SortableItem=E;

package/dist/lyra463.js

@@ -1,8 +1,8 @@
 import { j as b } from "./lyra90.js";
 import { useMemo as l } from "react";
 import { useDndContext as j } from "./lyra464.js";
-import { useSortable as y } from "./lyra616.js";
-import { isKeyboardEvent as E, CSS as C } from "./lyra614.js";
+import { useSortable as y } from "./lyra620.js";
+import { isKeyboardEvent as E, CSS as C } from "./lyra618.js";
 const M = ({ children: d, sortableId: r }) => {
   const {
     active: i,

package/dist/lyra464.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),ie=require("react-dom"),u=require("./lyra614.cjs"),Le=require("./lyra623.cjs"),mt=l.createContext(null);function wt(e){const t=l.useContext(mt);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Qt(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:i,event:o}=r;e.forEach(s=>{var a;return(a=s[i])==null?void 0:a.call(s,o)})},[e]),t]}const Ct={draggable:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),ie=require("react-dom"),u=require("./lyra618.cjs"),Le=require("./lyra623.cjs"),mt=l.createContext(null);function wt(e){const t=l.useContext(mt);l.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function Qt(){const[e]=l.useState(()=>new Set),t=l.useCallback(r=>(e.add(r),()=>e.delete(r)),[e]);return[l.useCallback(r=>{let{type:i,event:o}=r;e.forEach(s=>{var a;return(a=s[i])==null?void 0:a.call(s,o)})},[e]),t]}const Ct={draggable:`
     To pick up a draggable item, press the space bar.
     While dragging, use the arrow keys to move the item.
     Press space again to drop the item in its new position, or press escape to cancel.

package/dist/lyra464.js

@@ -1,6 +1,6 @@
 import N, { createContext as Oe, useContext as ae, useMemo as O, memo as yn, useReducer as st, useState as Y, useRef as z, useCallback as U, useEffect as M, cloneElement as mn, forwardRef as wn } from "react";
 import { unstable_batchedUpdates as xe, createPortal as xn } from "react-dom";
-import { getWindow as q, useLatestValue as Re, useUniqueId as Ye, getEventCoordinates as Fe, add as he, useIsomorphicLayoutEffect as re, useNodeRef as $e, getOwnerDocument as ge, isKeyboardEvent as at, subtract as Ke, useInterval as Dn, usePrevious as Xe, useLazyMemo as Ae, useEvent as lt, canUseDOM as ct, isHTMLElement as Ue, findFirstFocusableNode as Cn, CSS as nt, isWindow as ut, isNode as Sn, isDocument as Yt, isSVGElement as Rn } from "./lyra614.js";
+import { getWindow as q, useLatestValue as Re, useUniqueId as Ye, getEventCoordinates as Fe, add as he, useIsomorphicLayoutEffect as re, useNodeRef as $e, getOwnerDocument as ge, isKeyboardEvent as at, subtract as Ke, useInterval as Dn, usePrevious as Xe, useLazyMemo as Ae, useEvent as lt, canUseDOM as ct, isHTMLElement as Ue, findFirstFocusableNode as Cn, CSS as nt, isWindow as ut, isNode as Sn, isDocument as Yt, isSVGElement as Rn } from "./lyra618.js";
 import { useAnnouncement as En, HiddenText as On, LiveRegion as An } from "./lyra623.js";
 const Ut = /* @__PURE__ */ Oe(null);
 function Nn(e) {

package/dist/lyra465.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra464.cjs"),h=require("./lyra614.cjs"),c=(i,{context:{active:b,collisionRect:f,droppableContainers:p,droppableRects:y}})=>{if(!b||!f)return;if([d.KeyboardCode.Down,d.KeyboardCode.Right,d.KeyboardCode.Up,d.KeyboardCode.Left].includes(i.code)){i.preventDefault();const e={x:f.left,y:f.top};let s,a=Number.MAX_SAFE_INTEGER;if(p.getEnabled().forEach(r=>{if(r.id===b.id||r.disabled)return;const t=y.get(r.id);if(!t)return;let o;switch(i.code){case d.KeyboardCode.Right:t.left>e.x&&t.top===e.y&&(o=Math.sqrt(Math.pow(t.left-e.x,2)+Math.pow(t.top-e.y,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Left:t.right<e.x&&t.top===e.y&&(o=Math.sqrt(Math.pow(e.x-t.right,2)+Math.pow(e.y-t.top,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Down:t.top>e.y&&(o=Math.sqrt(Math.pow(t.left-e.x,2)+Math.pow(t.top-e.y,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Up:t.bottom<e.y&&(o=Math.sqrt(Math.pow(e.x-t.left,2)+Math.pow(e.y-t.bottom,2)),o<a&&(a=o,s=r));break}}),s){const r=y.get(s.id);if(r)return u(r)}}};function u(i){return h.subtract({x:i.left,y:i.top},{x:0,y:0})}exports.flexWrappedListKeyboardCoordinates=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra464.cjs"),h=require("./lyra618.cjs"),c=(i,{context:{active:b,collisionRect:f,droppableContainers:p,droppableRects:y}})=>{if(!b||!f)return;if([d.KeyboardCode.Down,d.KeyboardCode.Right,d.KeyboardCode.Up,d.KeyboardCode.Left].includes(i.code)){i.preventDefault();const e={x:f.left,y:f.top};let s,a=Number.MAX_SAFE_INTEGER;if(p.getEnabled().forEach(r=>{if(r.id===b.id||r.disabled)return;const t=y.get(r.id);if(!t)return;let o;switch(i.code){case d.KeyboardCode.Right:t.left>e.x&&t.top===e.y&&(o=Math.sqrt(Math.pow(t.left-e.x,2)+Math.pow(t.top-e.y,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Left:t.right<e.x&&t.top===e.y&&(o=Math.sqrt(Math.pow(e.x-t.right,2)+Math.pow(e.y-t.top,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Down:t.top>e.y&&(o=Math.sqrt(Math.pow(t.left-e.x,2)+Math.pow(t.top-e.y,2)),o<a&&(a=o,s=r));break;case d.KeyboardCode.Up:t.bottom<e.y&&(o=Math.sqrt(Math.pow(e.x-t.left,2)+Math.pow(e.y-t.bottom,2)),o<a&&(a=o,s=r));break}}),s){const r=y.get(s.id);if(r)return u(r)}}};function u(i){return h.subtract({x:i.left,y:i.top},{x:0,y:0})}exports.flexWrappedListKeyboardCoordinates=c;

package/dist/lyra465.js

@@ -1,5 +1,5 @@
 import { KeyboardCode as i } from "./lyra464.js";
-import { subtract as b } from "./lyra614.js";
+import { subtract as b } from "./lyra618.js";
 const w = (s, { context: { active: h, collisionRect: p, droppableContainers: M, droppableRects: d } }) => {
   if (!h || !p)
     return;