@new-black/lyra 1.0.2 → 1.0.4

package/dist/lyra46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"uPAeA,SAASA,EAAiBC,EAA6BC,EAAmC,CAClF,KAAA,CAAE,KAAAC,GAASC,EAAAA,oBACjB,OACGC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAAH,EAAU,UAAWC,EAAK,CAAE,UAAWF,EAAM,SAAA,CAAW,EAAG,MAAOA,EAAM,MAC1E,WAAM,QACT,CAAA,CAEJ,CAEa,MAAAK,EAAkBC,kBAAgBP,CAAgB,EAE/DM,EAAgB,YAAc,kBAsB9B,SAASE,EACP,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAY,GAAO,OAAAC,CAAO,EACtDX,EACA,CACA,KAAM,CAAE,IAAAY,EAAK,IAAAC,EAAK,MAAOC,CAAA,EAAmBZ,EAAAA,oBAC5C,OACGa,EAAAA,kBAAAA,KAAA,MAAA,CAAI,IAAAf,EAAU,UAAWa,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAS,GAAK,CAAA,EAAG,MAAOG,GAAA,YAAAA,EAAQ,IACzE,SAAA,CAACR,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWS,EAAI,CAAE,UAAWJ,GAAA,YAAAA,EAAS,YAAA,CAAc,EAAG,MAAOG,GAAA,YAAAA,EAAQ,aACxE,SAAAR,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAA,KAAK,gBAAiBT,GAAA,YAAAA,EAAS,GAAG,EAC7C,MAAOG,GAAA,YAAAA,EAAQ,IAEd,SAAAF,CAAA,CAAA,EAEL,EACAN,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWW,EAAe,CAAE,UAAWN,GAAA,YAAAA,EAAS,eAAgB,EAChE,MAAOG,GAAA,YAAAA,EAAQ,eAEd,UAACJ,GAAY,OAAOA,GAAa,UAAY,OAAOA,GAAa,SAChEJ,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAK,KAAAP,EAAY,GAAK,WAAYF,GAAA,YAAAA,EAAS,KAAK,EAC3D,MAAOG,GAAA,YAAAA,EAAQ,MAEd,SAAA,OAAOJ,GAAa,SACjBA,EAAS,WACRA,GAAA,MAAAA,EAAiC,OAClCA,EACA,GAAA,CAAA,EAGNA,CAAA,CAEJ,CACF,CAAA,CAAA,CAEJ,CAEa,MAAAW,EAAcb,kBAAgBC,CAAY,EAEvDY,EAAY,YAAc,cAQ1B,SAASC,EACP,CAAE,SAAAZ,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,0BAAAsB,GAA8BpB,EAAAA,oBAEpC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWsB,EAA0B,CAAE,UAAAF,EAAW,EAAG,MAAAC,EACjE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAgB,EAA4BlB,kBAAgBc,CAA0B,EAEnFI,EAA0B,YAAc,mBAQxC,SAASC,EACP,CAAE,SAAAjB,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,2BAAAyB,GAA+BvB,EAAAA,oBAErC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWyB,EAA2B,CAAE,UAAAL,EAAW,EAAG,MAAAC,EAClE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAmB,EAA6BrB,kBAAgBmB,CAA2B,EAErFE,EAA2B,YAAc"}
+{"version":3,"file":"lyra46.cjs","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":"uPAeA,SAASA,EAAiBC,EAA6BC,EAAmC,CAClF,KAAA,CAAE,KAAAC,GAASC,EAAAA,oBACjB,OACGC,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAAH,EAAU,UAAWC,EAAK,CAAE,UAAWF,EAAM,SAAA,CAAW,EAAG,MAAOA,EAAM,MAC1E,WAAM,QACT,CAAA,CAEJ,CAEa,MAAAK,EAAkBC,kBAAgBP,CAAgB,EAE/DM,EAAgB,YAAc,kBAsB9B,SAASE,EACP,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAO,UAAAC,EAAY,GAAO,OAAAC,CAAO,EACtDX,EACA,CACA,KAAM,CAAE,IAAAY,EAAK,IAAAC,EAAK,MAAOC,CAAA,EAAmBZ,EAAAA,oBAC5C,OACGa,EAAAA,kBAAAA,KAAA,MAAA,CAAI,IAAAf,EAAU,UAAWa,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAS,GAAK,CAAA,EAAG,MAAOG,GAAA,YAAAA,EAAQ,IACzE,SAAA,CAACR,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWS,EAAI,CAAE,UAAWJ,GAAA,YAAAA,EAAS,YAAA,CAAc,EAAG,MAAOG,GAAA,YAAAA,EAAQ,aACxE,SAAAR,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAA,KAAK,gBAAiBT,GAAA,YAAAA,EAAS,GAAG,EAC7C,MAAOG,GAAA,YAAAA,EAAQ,IAEd,SAAAF,CAAA,CAAA,EAEL,EACAN,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWW,EAAe,CAAE,UAAWN,GAAA,YAAAA,EAAS,eAAgB,EAChE,MAAOG,GAAA,YAAAA,EAAQ,eAEd,UAACJ,GAAY,OAAOA,GAAa,UAAY,OAAOA,GAAa,SAChEJ,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAAQ,cACR,UAAWC,EAAK,KAAAP,EAAY,GAAK,mCAAoCF,GAAA,YAAAA,EAAS,KAAK,EACnF,MAAOG,GAAA,YAAAA,EAAQ,MAEd,SAAA,OAAOJ,GAAa,SACjBA,EAAS,WACRA,GAAA,MAAAA,EAAiC,OAClCA,EACA,GAAA,CAAA,EAGNA,CAAA,CAEJ,CACF,CAAA,CAAA,CAEJ,CAEa,MAAAW,EAAcb,kBAAgBC,CAAY,EAEvDY,EAAY,YAAc,cAQ1B,SAASC,EACP,CAAE,SAAAZ,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,0BAAAsB,GAA8BpB,EAAAA,oBAEpC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWsB,EAA0B,CAAE,UAAAF,EAAW,EAAG,MAAAC,EACjE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAgB,EAA4BlB,kBAAgBc,CAA0B,EAEnFI,EAA0B,YAAc,mBAQxC,SAASC,EACP,CAAE,SAAAjB,EAAU,UAAAa,EAAW,MAAAC,CAAA,EACvBrB,EACA,CACM,KAAA,CAAE,2BAAAyB,GAA+BvB,EAAAA,oBAErC,OAAAC,wBAAC,MAAI,CAAA,IAAAH,EAAU,UAAWyB,EAA2B,CAAE,UAAAL,EAAW,EAAG,MAAAC,EAClE,SAAAd,CACH,CAAA,CAEJ,CAEa,MAAAmB,EAA6BrB,kBAAgBmB,CAA2B,EAErFE,EAA2B,YAAc"}

package/dist/lyra46.js

@@ -1,19 +1,19 @@
 import { j as e } from "./lyra87.js";
 import { clsx as m } from "./lyra447.js";
-import { fixedForwardRef as r } from "./lyra90.js";
+import { fixedForwardRef as u } from "./lyra90.js";
 import { Text as w } from "./lyra71.js";
 import "./lyra72.js";
-import { keyValueRowStyles as u } from "./lyra47.js";
-function V(n, o) {
-  const { list: t } = u();
+import { keyValueRowStyles as r } from "./lyra47.js";
+function x(n, o) {
+  const { list: t } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: o, className: t({ className: n.className }), style: n.style, children: n.children });
 }
-const v = r(V);
-v.displayName = "KeyValueRowList";
-function x({ children: n, classes: o, label: t, multiline: i = !1, styles: a }, d) {
-  const { key: N, row: R, value: f } = u();
-  return /* @__PURE__ */ e.jsxs("div", { ref: d, className: R({ className: o == null ? void 0 : o.row }), style: a == null ? void 0 : a.row, children: [
-    /* @__PURE__ */ e.jsx("div", { className: N({ className: o == null ? void 0 : o.keyContainer }), style: a == null ? void 0 : a.keyContainer, children: /* @__PURE__ */ e.jsx(
+const V = u(x);
+V.displayName = "KeyValueRowList";
+function v({ children: n, classes: o, label: t, multiline: i = !1, styles: a }, d) {
+  const { key: f, row: N, value: R } = r();
+  return /* @__PURE__ */ e.jsxs("div", { ref: d, className: N({ className: o == null ? void 0 : o.row }), style: a == null ? void 0 : a.row, children: [
+    /* @__PURE__ */ e.jsx("div", { className: f({ className: o == null ? void 0 : o.keyContainer }), style: a == null ? void 0 : a.keyContainer, children: /* @__PURE__ */ e.jsx(
       w,
       {
         variant: "body-medium",
@@ -25,13 +25,13 @@ function x({ children: n, classes: o, label: t, multiline: i = !1, styles: a },
     /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: f({ className: o == null ? void 0 : o.valueContainer }),
+        className: R({ className: o == null ? void 0 : o.valueContainer }),
         style: a == null ? void 0 : a.valueContainer,
         children: !n || typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ e.jsx(
           w,
           {
             variant: "body-medium",
-            className: m(i ? "" : "truncate", o == null ? void 0 : o.value),
+            className: m(i ? "" : "inline-block max-w-full truncate", o == null ? void 0 : o.value),
             style: a == null ? void 0 : a.value,
             children: typeof n == "number" ? n.toString() : n != null && n.length ? n : "-"
           }
@@ -40,23 +40,23 @@ function x({ children: n, classes: o, label: t, multiline: i = !1, styles: a },
     )
   ] });
 }
-const y = r(x);
+const y = u(v);
 y.displayName = "KeyValueRow";
 function C({ children: n, className: o, style: t }, i) {
-  const { keyValueRowBadgeContainer: a } = u();
+  const { keyValueRowBadgeContainer: a } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
 }
-const K = r(C);
+const K = u(C);
 K.displayName = "KeyValueRowBadge";
 function p({ children: n, className: o, style: t }, i) {
-  const { keyValueRowButtonContainer: a } = u();
+  const { keyValueRowButtonContainer: a } = r();
   return /* @__PURE__ */ e.jsx("div", { ref: i, className: a({ className: o }), style: t, children: n });
 }
-const j = r(p);
+const j = u(p);
 j.displayName = "KeyValueRowButtonContainer";
 export {
   y as KeyValueRow,
   K as KeyValueRowBadgeContainer,
   j as KeyValueRowButtonContainer,
-  v as KeyValueRowList
+  V as KeyValueRowList
 };

package/dist/lyra46.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":";;;;;;AAeA,SAASA,EAAiBC,GAA6BC,GAAmC;AAClF,QAAA,EAAE,MAAAC,MAASC;AACjB,SACGC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAAH,GAAU,WAAWC,EAAK,EAAE,WAAWF,EAAM,UAAA,CAAW,GAAG,OAAOA,EAAM,OAC1E,YAAM,SACT,CAAA;AAEJ;AAEa,MAAAK,IAAkBC,EAAgBP,CAAgB;AAE/DM,EAAgB,cAAc;AAsB9B,SAASE,EACP,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,WAAAC,IAAY,IAAO,QAAAC,EAAO,GACtDX,GACA;AACA,QAAM,EAAE,KAAAY,GAAK,KAAAC,GAAK,OAAOC,EAAA,IAAmBZ;AAC5C,SACGa,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAAf,GAAU,WAAWa,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAS,IAAK,CAAA,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,KACzE,UAAA;AAAA,IAACR,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWS,EAAI,EAAE,WAAWJ,KAAA,gBAAAA,EAAS,aAAA,CAAc,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,cACxE,UAAAR,gBAAAA,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWC,EAAK,iBAAiBT,KAAA,gBAAAA,EAAS,GAAG;AAAA,QAC7C,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,UAAAF;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACAN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWW,EAAe,EAAE,WAAWN,KAAA,gBAAAA,EAAS,gBAAgB;AAAA,QAChE,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,WAACJ,KAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAChEJ,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWC,EAAKP,IAAY,KAAK,YAAYF,KAAA,gBAAAA,EAAS,KAAK;AAAA,YAC3D,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,YAEd,UAAA,OAAOJ,KAAa,WACjBA,EAAS,aACRA,KAAA,QAAAA,EAAiC,SAClCA,IACA;AAAA,UAAA;AAAA,QAAA,IAGNA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAAW,IAAcb,EAAgBC,CAAY;AAEvDY,EAAY,cAAc;AAQ1B,SAASC,EACP,EAAE,UAAAZ,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,2BAAAsB,MAA8BpB;AAEpC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWsB,EAA0B,EAAE,WAAAF,GAAW,GAAG,OAAAC,GACjE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAgB,IAA4BlB,EAAgBc,CAA0B;AAEnFI,EAA0B,cAAc;AAQxC,SAASC,EACP,EAAE,UAAAjB,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,4BAAAyB,MAA+BvB;AAErC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWyB,EAA2B,EAAE,WAAAL,GAAW,GAAG,OAAAC,GAClE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAmB,IAA6BrB,EAAgBmB,CAA2B;AAErFE,EAA2B,cAAc;"}
+{"version":3,"file":"lyra46.js","sources":["../src/components/key-value-row/key-value-row.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef, ReactNode } from \"react\";\n\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { keyValueRowStyles } from \"./key-value-row.styles\";\n\nexport type KeyValueRowListProps = {\n  children?: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowList(props: KeyValueRowListProps, ref: ForwardedRef<HTMLDivElement>) {\n  const { list } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={list({ className: props.className })} style={props.style}>\n      {props.children}\n    </div>\n  );\n}\n\nexport const KeyValueRowList = fixedForwardRef(_KeyValueRowList);\n// @ts-ignore\nKeyValueRowList.displayName = \"KeyValueRowList\";\n\nexport type KeyValueRowProps = {\n  label: string;\n  children?: ReactNode;\n  multiline?: boolean;\n  classes?: {\n    keyContainer?: string;\n    valueContainer?: string;\n    key?: string;\n    value?: string;\n    row?: string;\n  };\n  styles?: {\n    keyContainer?: CSSProperties;\n    valueContainer?: CSSProperties;\n    key?: CSSProperties;\n    value?: CSSProperties;\n    row?: CSSProperties;\n  };\n};\n\nfunction _KeyValueRow(\n  { children, classes, label, multiline = false, styles }: KeyValueRowProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { key, row, value: valueContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={row({ className: classes?.row })} style={styles?.row}>\n      <div className={key({ className: classes?.keyContainer })} style={styles?.keyContainer}>\n        <Text\n          variant=\"body-medium\"\n          className={clsx(\"font-semibold\", classes?.key)}\n          style={styles?.key}\n        >\n          {label}\n        </Text>\n      </div>\n      <div\n        className={valueContainer({ className: classes?.valueContainer })}\n        style={styles?.valueContainer}\n      >\n        {!children || typeof children === \"string\" || typeof children === \"number\" ? (\n          <Text\n            variant=\"body-medium\"\n            className={clsx(multiline ? \"\" : \"inline-block max-w-full truncate\", classes?.value)}\n            style={styles?.value}\n          >\n            {typeof children === \"number\"\n              ? children.toString()\n              : (children as string | undefined)?.length\n              ? children\n              : \"-\"}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const KeyValueRow = fixedForwardRef(_KeyValueRow);\n// @ts-ignore\nKeyValueRow.displayName = \"KeyValueRow\";\n\nexport type KeyValueRowBadgeContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowBadgeContainer(\n  { children, className, style }: KeyValueRowBadgeContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowBadgeContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowBadgeContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowBadgeContainer = fixedForwardRef(_KeyValueRowBadgeContainer);\n// @ts-ignore\nKeyValueRowBadgeContainer.displayName = \"KeyValueRowBadge\";\n\nexport type KeyValueRowButtonContainerProps = {\n  children: ReactNode;\n  className?: string;\n  style?: CSSProperties;\n};\n\nfunction _KeyValueRowButtonContainer(\n  { children, className, style }: KeyValueRowButtonContainerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { keyValueRowButtonContainer } = keyValueRowStyles();\n  return (\n    <div ref={ref} className={keyValueRowButtonContainer({ className })} style={style}>\n      {children}\n    </div>\n  );\n}\n\nexport const KeyValueRowButtonContainer = fixedForwardRef(_KeyValueRowButtonContainer);\n// @ts-ignore\nKeyValueRowButtonContainer.displayName = \"KeyValueRowButtonContainer\";\n"],"names":["_KeyValueRowList","props","ref","list","keyValueRowStyles","jsx","KeyValueRowList","fixedForwardRef","_KeyValueRow","children","classes","label","multiline","styles","key","row","valueContainer","jsxs","Text","clsx","KeyValueRow","_KeyValueRowBadgeContainer","className","style","keyValueRowBadgeContainer","KeyValueRowBadgeContainer","_KeyValueRowButtonContainer","keyValueRowButtonContainer","KeyValueRowButtonContainer"],"mappings":";;;;;;AAeA,SAASA,EAAiBC,GAA6BC,GAAmC;AAClF,QAAA,EAAE,MAAAC,MAASC;AACjB,SACGC,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAAH,GAAU,WAAWC,EAAK,EAAE,WAAWF,EAAM,UAAA,CAAW,GAAG,OAAOA,EAAM,OAC1E,YAAM,SACT,CAAA;AAEJ;AAEa,MAAAK,IAAkBC,EAAgBP,CAAgB;AAE/DM,EAAgB,cAAc;AAsB9B,SAASE,EACP,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,GAAO,WAAAC,IAAY,IAAO,QAAAC,EAAO,GACtDX,GACA;AACA,QAAM,EAAE,KAAAY,GAAK,KAAAC,GAAK,OAAOC,EAAA,IAAmBZ;AAC5C,SACGa,gBAAAA,EAAAA,KAAA,OAAA,EAAI,KAAAf,GAAU,WAAWa,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAS,IAAK,CAAA,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,KACzE,UAAA;AAAA,IAACR,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWS,EAAI,EAAE,WAAWJ,KAAA,gBAAAA,EAAS,aAAA,CAAc,GAAG,OAAOG,KAAA,gBAAAA,EAAQ,cACxE,UAAAR,gBAAAA,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAWC,EAAK,iBAAiBT,KAAA,gBAAAA,EAAS,GAAG;AAAA,QAC7C,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,UAAAF;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACAN,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWW,EAAe,EAAE,WAAWN,KAAA,gBAAAA,EAAS,gBAAgB;AAAA,QAChE,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,QAEd,WAACJ,KAAY,OAAOA,KAAa,YAAY,OAAOA,KAAa,WAChEJ,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAWC,EAAKP,IAAY,KAAK,oCAAoCF,KAAA,gBAAAA,EAAS,KAAK;AAAA,YACnF,OAAOG,KAAA,gBAAAA,EAAQ;AAAA,YAEd,UAAA,OAAOJ,KAAa,WACjBA,EAAS,aACRA,KAAA,QAAAA,EAAiC,SAClCA,IACA;AAAA,UAAA;AAAA,QAAA,IAGNA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAAW,IAAcb,EAAgBC,CAAY;AAEvDY,EAAY,cAAc;AAQ1B,SAASC,EACP,EAAE,UAAAZ,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,2BAAAsB,MAA8BpB;AAEpC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWsB,EAA0B,EAAE,WAAAF,GAAW,GAAG,OAAAC,GACjE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAgB,IAA4BlB,EAAgBc,CAA0B;AAEnFI,EAA0B,cAAc;AAQxC,SAASC,EACP,EAAE,UAAAjB,GAAU,WAAAa,GAAW,OAAAC,EAAA,GACvBrB,GACA;AACM,QAAA,EAAE,4BAAAyB,MAA+BvB;AAErC,SAAAC,gBAAAA,MAAC,OAAI,EAAA,KAAAH,GAAU,WAAWyB,EAA2B,EAAE,WAAAL,GAAW,GAAG,OAAAC,GAClE,UAAAd,EACH,CAAA;AAEJ;AAEa,MAAAmB,IAA6BrB,EAAgBmB,CAA2B;AAErFE,EAA2B,cAAc;"}

package/dist/lyra460.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra448.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.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/lyra460.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.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"}
+{"version":3,"file":"lyra460.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/lyra460.js

@@ -1,16 +1,16 @@
-import { tv as t } from "./lyra448.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 "./lyra87.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 {
-  d as KpiStyles
+  u as NavigationContextProvider,
+  x as useNavigationContext
 };

package/dist/lyra460.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.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":"lyra460.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/lyra461.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra87.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.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/lyra461.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.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":"lyra461.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/lyra461.js

@@ -1,16 +1,14 @@
-import { j as e } from "./lyra87.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;
+import { j as i } from "./lyra87.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 {
-  u as NavigationContextProvider,
-  x as useNavigationContext
+  m as NavigationItemProvider,
+  p as useNavigationItemContext
 };

package/dist/lyra461.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.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":"lyra461.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/lyra462.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.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("./lyra448.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/lyra462.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra462.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":"lyra462.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/lyra462.js

@@ -1,14 +1,16 @@
-import { j as i } from "./lyra87.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 "./lyra448.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/lyra462.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra462.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":"lyra462.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/lyra464.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra615.cjs"),R=require("react");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra601.cjs"),R=require("react");/**
  * @license React
  * react-jsx-runtime.production.min.js
  *

package/dist/lyra464.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./lyra615.js";
+import { __exports as t } from "./lyra601.js";
 import R from "react";
 /**
  * @license React

package/dist/lyra465.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./lyra616.cjs"),tr=require("react");/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./lyra602.cjs"),tr=require("react");/**
  * @license React
  * react-jsx-runtime.development.js
  *

package/dist/lyra465.js

@@ -1,4 +1,4 @@
-import { __exports as R } from "./lyra616.js";
+import { __exports as R } from "./lyra602.js";
 import tr from "react";
 /**
  * @license React

package/dist/lyra467.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),h=require("react"),S=require("./lyra92.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=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 l=require("./lyra63.cjs");require("./lyra78.cjs");require("./lyra449.cjs");require("./lyra40.cjs");const E=require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");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("./lyra46.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("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");const y=require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");require("./lyra450.cjs");require("./lyra451.cjs");require("./lyra452.cjs");require("./lyra453.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],B=({dataLength:i,hideLimitSelect:a,isLoading:n,table:t,total:g})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:j,lastPage:m,nextPage:c,previousPage:P,rowsPerPage:d}=S.useDictionary(),{loadingButton:s,setLoadingButton:o}=R({isLoading:n,data:t.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(r=>r.value===t.getState().pagination.pageSize),onChange:r=>{if(!r)return;const p=r.value;t.setPageSize(p)},isDisabled:n,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(E.Text,{variant:"body-small",color:"secondary",children:[((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize-(t.getState().pagination.pageSize-1)).toString()," - ",((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize<(g??i)?(t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{t.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{t.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:c,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{t.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{t.setPageIndex(t.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},N=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:t,showNext:g=!0,showPrevious:v=!0,table:u})=>{const{nextPage:j,previousPage:m,rowsPerPage:c}=S.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=R({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":c,items:q,value:q.find(r=>r.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:r=>{if(!r)return;const p=r.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:c,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:c})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{t==null||t(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!g||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},w=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),D=i=>{var n;switch(w({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(B,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading});case"uncountable":return e.jsxRuntimeExports.jsx(N,{hideLimitSelect:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},R=({data:i,isLoading:a})=>{const[n,t]=h.useState();return h.useEffect(()=>{a||t(void 0)},[a,i]),{loadingButton:n,setLoadingButton:t}};exports.CountablePagination=B;exports.TablePagination=D;exports.UncountablePagination=N;exports.useLoadingButtonState=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra87.cjs"),h=require("react"),S=require("./lyra92.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=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 l=require("./lyra63.cjs");require("./lyra78.cjs");require("./lyra450.cjs");require("./lyra40.cjs");const E=require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");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("./lyra46.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("./lyra57.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra62.cjs");require("./lyra65.cjs");const y=require("./lyra66.cjs");require("./lyra68.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra74.cjs");require("./lyra75.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra79.cjs");require("./lyra95.cjs");require("./lyra451.cjs");require("./lyra452.cjs");require("./lyra453.cjs");require("./lyra454.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],B=({dataLength:i,hideLimitSelect:a,isLoading:n,table:t,total:g})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:j,lastPage:m,nextPage:c,previousPage:P,rowsPerPage:d}=S.useDictionary(),{loadingButton:s,setLoadingButton:o}=R({isLoading:n,data:t.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(r=>r.value===t.getState().pagination.pageSize),onChange:r=>{if(!r)return;const p=r.value;t.setPageSize(p)},isDisabled:n,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(E.Text,{variant:"body-small",color:"secondary",children:[((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize-(t.getState().pagination.pageSize-1)).toString()," - ",((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize<(g??i)?(t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{t.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{t.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:c,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{t.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{t.setPageIndex(t.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},N=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:t,showNext:g=!0,showPrevious:v=!0,table:u})=>{const{nextPage:j,previousPage:m,rowsPerPage:c}=S.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=R({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":c,items:q,value:q.find(r=>r.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:r=>{if(!r)return;const p=r.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:c,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(E.Text,{variant:"body-small",color:"secondary",children:c})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{t==null||t(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!g||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},w=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),D=i=>{var n;switch(w({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(B,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading});case"uncountable":return e.jsxRuntimeExports.jsx(N,{hideLimitSelect:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},R=({data:i,isLoading:a})=>{const[n,t]=h.useState();return h.useEffect(()=>{a||t(void 0)},[a,i]),{loadingButton:n,setLoadingButton:t}};exports.CountablePagination=B;exports.TablePagination=D;exports.UncountablePagination=N;exports.useLoadingButtonState=R;

package/dist/lyra467.js

@@ -16,7 +16,7 @@ import "./lyra28.js";
 import "./lyra29.js";
 import { SvgIcon as g } from "./lyra63.js";
 import "./lyra78.js";
-import "./lyra449.js";
+import "./lyra450.js";
 import "./lyra40.js";
 import { Text as j } from "./lyra71.js";
 import "./lyra72.js";
@@ -68,10 +68,10 @@ import "./lyra76.js";
 import "./lyra77.js";
 import "./lyra79.js";
 import "./lyra95.js";
-import "./lyra450.js";
 import "./lyra451.js";
 import "./lyra452.js";
 import "./lyra453.js";
+import "./lyra454.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";

package/dist/lyra468.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.cjs"),i=require("react"),b=require("./lyra92.cjs"),p=require("./lyra11.cjs");require("./lyra12.cjs");const h=require("./lyra13.cjs");require("./lyra14.cjs");const R=require("./lyra59.cjs"),v=({allColumns:o,columnOrder:t,onChangeOrderOfColumns:e,setActive:c})=>{const{cancel:m,save:x}=b.useDictionary(),a=i.useMemo(()=>q(o),[o]),[u,d]=i.useState([]);i.useEffect(()=>{const s=[];t.forEach(n=>{if(n!=="select"&&n!=="actions"){const l=a.find(j=>j.value===n);l&&s.push(l)}}),d(s)},[t,a]);const f=i.useMemo(()=>{let s=[];return t.includes("select")&&s.push("select"),s=s.concat(u.map(n=>n.value)),t.includes("actions")&&s.push("actions"),s},[t,u]);return r.jsxRuntimeExports.jsxs("div",{className:"border-b border-b-default bg-surface-primary p-4 shadow-md",children:[r.jsxRuntimeExports.jsx(R.SortableGrid,{selectedItems:u,setSelectedItems:d,items:a??[]}),r.jsxRuntimeExports.jsx("div",{className:"flex justify-end",children:r.jsxRuntimeExports.jsxs(h.ButtonGroup,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"secondary",onPress:()=>c(!1),children:m}),r.jsxRuntimeExports.jsx(p.Button,{variant:"primary",onPress:()=>{e(f),c(!1)},children:x})]})})]})},q=o=>o.filter(e=>e.id!=="select"&&e.id!=="actions").map(e=>({value:e.id,label:e.header||e.id}));exports.TableReorganizeColumns=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra87.cjs"),i=require("react"),b=require("./lyra92.cjs"),p=require("./lyra11.cjs");require("./lyra12.cjs");const h=require("./lyra13.cjs");require("./lyra14.cjs");const R=require("./lyra59.cjs"),v=({allColumns:o,columnOrder:t,onChangeOrderOfColumns:e,setActive:c})=>{const{cancel:m,save:x}=b.useDictionary(),a=i.useMemo(()=>q(o),[o]),[u,d]=i.useState([]);i.useEffect(()=>{const s=[];t.forEach(n=>{if(n!=="select"&&n!=="actions"){const l=a.find(j=>j.value===n);l&&s.push(l)}}),d(s)},[t,a]);const f=i.useMemo(()=>{let s=[];return t.includes("select")&&s.push("select"),s=s.concat(u.map(n=>n.value)),t.includes("actions")&&s.push("actions"),s},[t,u]);return r.jsxRuntimeExports.jsxs("div",{className:"border-b border-b-default bg-surface-primary p-4 shadow-md",children:[r.jsxRuntimeExports.jsx(R.SortableGrid,{selectedItems:u,setSelectedItems:d,items:a??[]}),r.jsxRuntimeExports.jsx("div",{className:"mt-4 flex justify-end",children:r.jsxRuntimeExports.jsxs(h.ButtonGroup,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"secondary",onPress:()=>c(!1),children:m}),r.jsxRuntimeExports.jsx(p.Button,{variant:"primary",onPress:()=>{e(f),c(!1)},children:x})]})})]})},q=o=>o.filter(e=>e.id!=="select"&&e.id!=="actions").map(e=>({value:e.id,label:e.header||e.id}));exports.TableReorganizeColumns=v;

package/dist/lyra468.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra468.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":"uSAQaA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAc,cAAA,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWT,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACU,EAAmBC,CAAoB,EAAIC,EAAA,SAAyB,CAAE,CAAA,EAI7EC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgC,CAAA,EAC1Bb,EAAA,QAASc,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQT,EAAc,KAAMU,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAE5B,CAAA,CACD,EACDL,EAAqBG,CAAa,CAAA,EACjC,CAACb,EAAaM,CAAa,CAAC,EAIzB,MAAAW,EAAWV,EAAAA,QAAQ,IAAM,CAC7B,IAAIW,EAAkB,CAAA,EAClB,OAAAlB,EAAY,SAAS,QAAQ,GAC/BkB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOT,EAAkB,IAAKU,GAAWA,EAAO,KAAK,CAAC,EAEhEnB,EAAY,SAAS,SAAS,GAChCkB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAAClB,EAAaS,CAAiB,CAAC,EAGjC,OAAAW,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,6DACb,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CACC,cAAeb,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,CAAA,CAC3B,EACCe,wBAAA,MAAA,CAAI,UAAU,mBACb,kCAACE,cACC,CAAA,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMtB,EAAU,EAAK,EACvD,SACHC,CAAA,CAAA,EACAkB,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,CACbvB,EAAuBgB,CAAQ,EAC/Bf,EAAU,EAAK,CACjB,EAEC,SAAAE,CAAA,CACH,CAAA,CAAA,CACF,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,EAEMI,EAAmCiB,GACxBA,EACZ,OAAQT,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EACvC,EAAA"}
+{"version":3,"file":"lyra468.cjs","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":"uSAQaA,EAAyB,CAAsB,CAC1D,WAAAC,EACA,YAAAC,EACA,uBAAAC,EACA,UAAAC,CACF,IAAyC,CACvC,KAAM,CAAE,OAAAC,EAAQ,KAAAC,CAAK,EAAIC,EAAc,cAAA,EAEjCC,EAAgBC,EAAAA,QAAQ,IAAMC,EAAWT,CAAU,EAAG,CAACA,CAAU,CAAC,EAElE,CAACU,EAAmBC,CAAoB,EAAIC,EAAA,SAAyB,CAAE,CAAA,EAI7EC,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAgC,CAAA,EAC1Bb,EAAA,QAASc,GAAQ,CACvB,GAAAA,IAAQ,UAAYA,IAAQ,UAAW,CACzC,MAAMC,EAAQT,EAAc,KAAMU,GAASA,EAAK,QAAUF,CAAG,EAEzDC,GACFF,EAAc,KAAKE,CAAK,CAE5B,CAAA,CACD,EACDL,EAAqBG,CAAa,CAAA,EACjC,CAACb,EAAaM,CAAa,CAAC,EAIzB,MAAAW,EAAWV,EAAAA,QAAQ,IAAM,CAC7B,IAAIW,EAAkB,CAAA,EAClB,OAAAlB,EAAY,SAAS,QAAQ,GAC/BkB,EAAM,KAAK,QAAQ,EAGbA,EAAAA,EAAM,OAAOT,EAAkB,IAAKU,GAAWA,EAAO,KAAK,CAAC,EAEhEnB,EAAY,SAAS,SAAS,GAChCkB,EAAM,KAAK,SAAS,EAGfA,CAAA,EACN,CAAClB,EAAaS,CAAiB,CAAC,EAGjC,OAAAW,EAAA,kBAAA,KAAC,MAAI,CAAA,UAAU,6DACb,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CACC,cAAeb,EACf,iBAAkBC,EAClB,MAAOJ,GAAiB,CAAC,CAAA,CAC3B,EACCe,wBAAA,MAAA,CAAI,UAAU,wBACb,kCAACE,cACC,CAAA,SAAA,CAACF,EAAAA,kBAAAA,IAAAG,EAAA,OAAA,CAAO,QAAQ,YAAY,QAAS,IAAMtB,EAAU,EAAK,EACvD,SACHC,CAAA,CAAA,EACAkB,EAAA,kBAAA,IAACG,EAAA,OAAA,CACC,QAAQ,UACR,QAAS,IAAM,CACbvB,EAAuBgB,CAAQ,EAC/Bf,EAAU,EAAK,CACjB,EAEC,SAAAE,CAAA,CACH,CAAA,CAAA,CACF,CACF,CAAA,CACF,CAAA,CAAA,CAEJ,EAEMI,EAAmCiB,GACxBA,EACZ,OAAQT,GAASA,EAAK,KAAO,UAAYA,EAAK,KAAO,SAAS,EAC9D,IAAKA,IAAU,CACd,MAAOA,EAAK,GACZ,MAAQA,EAAK,QAAqBA,EAAK,EACvC,EAAA"}

package/dist/lyra468.js

@@ -35,7 +35,7 @@ const P = ({
         items: n ?? []
       }
     ),
-    /* @__PURE__ */ t.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ t.jsxs(y, { children: [
+    /* @__PURE__ */ t.jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ t.jsxs(y, { children: [
       /* @__PURE__ */ t.jsx(l, { variant: "secondary", onPress: () => c(!1), children: u }),
       /* @__PURE__ */ t.jsx(
         l,

package/dist/lyra468.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra468.js","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":";;;;;;;;AAQO,MAAMA,IAAyB,CAAsB;AAAA,EAC1D,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAIC,EAAc,GAEjCC,IAAgBC,EAAQ,MAAMC,EAAWT,CAAU,GAAG,CAACA,CAAU,CAAC,GAElE,CAACU,GAAmBC,CAAoB,IAAIC,EAAyB,CAAE,CAAA;AAI7E,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAgC,CAAA;AAC1B,IAAAb,EAAA,QAAQ,CAACc,MAAQ;AACvB,UAAAA,MAAQ,YAAYA,MAAQ,WAAW;AACzC,cAAMC,IAAQT,EAAc,KAAK,CAACU,MAASA,EAAK,UAAUF,CAAG;AAE7D,QAAIC,KACFF,EAAc,KAAKE,CAAK;AAAA,MAE5B;AAAA,IAAA,CACD,GACDL,EAAqBG,CAAa;AAAA,EAAA,GACjC,CAACb,GAAaM,CAAa,CAAC;AAIzB,QAAAW,IAAWV,EAAQ,MAAM;AAC7B,QAAIW,IAAkB,CAAA;AAClB,WAAAlB,EAAY,SAAS,QAAQ,KAC/BkB,EAAM,KAAK,QAAQ,GAGbA,IAAAA,EAAM,OAAOT,EAAkB,IAAI,CAACU,MAAWA,EAAO,KAAK,CAAC,GAEhEnB,EAAY,SAAS,SAAS,KAChCkB,EAAM,KAAK,SAAS,GAGfA;AAAA,EAAA,GACN,CAAClB,GAAaS,CAAiB,CAAC;AAGjC,SAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,8DACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeb;AAAA,QACf,kBAAkBC;AAAA,QAClB,OAAOJ,KAAiB,CAAC;AAAA,MAAA;AAAA,IAC3B;AAAA,IACCe,gBAAAA,MAAA,OAAA,EAAI,WAAU,oBACb,iCAACE,GACC,EAAA,UAAA;AAAA,MAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAAQ,aAAY,SAAS,MAAMtB,EAAU,EAAK,GACvD,UACHC,EAAA,CAAA;AAAA,MACAkB,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAvB,EAAuBgB,CAAQ,GAC/Bf,EAAU,EAAK;AAAA,UACjB;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMI,IAAa,CAAsBiB,MACxBA,EACZ,OAAO,CAACT,MAASA,EAAK,OAAO,YAAYA,EAAK,OAAO,SAAS,EAC9D,IAAI,CAACA,OAAU;AAAA,EACd,OAAOA,EAAK;AAAA,EACZ,OAAQA,EAAK,UAAqBA,EAAK;AACvC,EAAA;"}
+{"version":3,"file":"lyra468.js","sources":["../src/components/table/table-reorganize-columns.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { SortableGrid } from \"../sortable/sortable-grid\";\n\nimport { SortableItem, TableColumnDef, TableReorganizeColumnsProps } from \"./table.types\";\n\nexport const TableReorganizeColumns = <Data extends object>({\n  allColumns,\n  columnOrder,\n  onChangeOrderOfColumns,\n  setActive,\n}: TableReorganizeColumnsProps<Data>) => {\n  const { cancel, save } = useDictionary();\n\n  const mappedColumns = useMemo(() => mapColumns(allColumns), [allColumns]);\n\n  const [columnOrderMapped, setColumnOrderMapped] = useState<SortableItem[]>([]);\n\n  // Map the column order to the sortable items to be used in the SortableGrid.\n  // Using an effect to make sure the columnOrderMapped is updated when the columnOrder changes.\n  useEffect(() => {\n    const colOrderToSet: SortableItem[] = [];\n    columnOrder.forEach((col) => {\n      if (col !== \"select\" && col !== \"actions\") {\n        const found = mappedColumns.find((item) => item.value === col);\n\n        if (found) {\n          colOrderToSet.push(found);\n        }\n      }\n    });\n    setColumnOrderMapped(colOrderToSet);\n  }, [columnOrder, mappedColumns]);\n\n  // Create a new order based on the columnOrder and the columnOrderMapped\n  // This is used to update the columnOrder when the user saves the new order.\n  const newOrder = useMemo(() => {\n    let order: string[] = [];\n    if (columnOrder.includes(\"select\")) {\n      order.push(\"select\");\n    }\n\n    order = order.concat(columnOrderMapped.map((column) => column.value));\n\n    if (columnOrder.includes(\"actions\")) {\n      order.push(\"actions\");\n    }\n\n    return order;\n  }, [columnOrder, columnOrderMapped]);\n\n  return (\n    <div className=\"border-b border-b-default bg-surface-primary p-4 shadow-md\">\n      <SortableGrid\n        selectedItems={columnOrderMapped}\n        setSelectedItems={setColumnOrderMapped}\n        items={mappedColumns ?? []}\n      />\n      <div className=\"mt-4 flex justify-end\">\n        <ButtonGroup>\n          <Button variant=\"secondary\" onPress={() => setActive(false)}>\n            {cancel}\n          </Button>\n          <Button\n            variant=\"primary\"\n            onPress={() => {\n              onChangeOrderOfColumns(newOrder);\n              setActive(false);\n            }}\n          >\n            {save}\n          </Button>\n        </ButtonGroup>\n      </div>\n    </div>\n  );\n};\n\nconst mapColumns = <Data extends object>(columns: TableColumnDef<Data>[]) => {\n  const mapped = columns\n    .filter((item) => item.id !== \"select\" && item.id !== \"actions\")\n    .map((item) => ({\n      value: item.id,\n      label: (item.header as string) || item.id,\n    }));\n  return mapped;\n};\n"],"names":["TableReorganizeColumns","allColumns","columnOrder","onChangeOrderOfColumns","setActive","cancel","save","useDictionary","mappedColumns","useMemo","mapColumns","columnOrderMapped","setColumnOrderMapped","useState","useEffect","colOrderToSet","col","found","item","newOrder","order","column","jsxs","jsx","SortableGrid","ButtonGroup","Button","columns"],"mappings":";;;;;;;;AAQO,MAAMA,IAAyB,CAAsB;AAAA,EAC1D,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,WAAAC;AACF,MAAyC;AACvC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,EAAK,IAAIC,EAAc,GAEjCC,IAAgBC,EAAQ,MAAMC,EAAWT,CAAU,GAAG,CAACA,CAAU,CAAC,GAElE,CAACU,GAAmBC,CAAoB,IAAIC,EAAyB,CAAE,CAAA;AAI7E,EAAAC,EAAU,MAAM;AACd,UAAMC,IAAgC,CAAA;AAC1B,IAAAb,EAAA,QAAQ,CAACc,MAAQ;AACvB,UAAAA,MAAQ,YAAYA,MAAQ,WAAW;AACzC,cAAMC,IAAQT,EAAc,KAAK,CAACU,MAASA,EAAK,UAAUF,CAAG;AAE7D,QAAIC,KACFF,EAAc,KAAKE,CAAK;AAAA,MAE5B;AAAA,IAAA,CACD,GACDL,EAAqBG,CAAa;AAAA,EAAA,GACjC,CAACb,GAAaM,CAAa,CAAC;AAIzB,QAAAW,IAAWV,EAAQ,MAAM;AAC7B,QAAIW,IAAkB,CAAA;AAClB,WAAAlB,EAAY,SAAS,QAAQ,KAC/BkB,EAAM,KAAK,QAAQ,GAGbA,IAAAA,EAAM,OAAOT,EAAkB,IAAI,CAACU,MAAWA,EAAO,KAAK,CAAC,GAEhEnB,EAAY,SAAS,SAAS,KAChCkB,EAAM,KAAK,SAAS,GAGfA;AAAA,EAAA,GACN,CAAClB,GAAaS,CAAiB,CAAC;AAGjC,SAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,8DACb,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,eAAeb;AAAA,QACf,kBAAkBC;AAAA,QAClB,OAAOJ,KAAiB,CAAC;AAAA,MAAA;AAAA,IAC3B;AAAA,IACCe,gBAAAA,MAAA,OAAA,EAAI,WAAU,yBACb,iCAACE,GACC,EAAA,UAAA;AAAA,MAACF,gBAAAA,EAAAA,IAAAG,GAAA,EAAO,SAAQ,aAAY,SAAS,MAAMtB,EAAU,EAAK,GACvD,UACHC,EAAA,CAAA;AAAA,MACAkB,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAvB,EAAuBgB,CAAQ,GAC/Bf,EAAU,EAAK;AAAA,UACjB;AAAA,UAEC,UAAAE;AAAA,QAAA;AAAA,MACH;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ,GAEMI,IAAa,CAAsBiB,MACxBA,EACZ,OAAO,CAACT,MAASA,EAAK,OAAO,YAAYA,EAAK,OAAO,SAAS,EAC9D,IAAI,CAACA,OAAU;AAAA,EACd,OAAOA,EAAK;AAAA,EACZ,OAAQA,EAAK,UAAqBA,EAAK;AACvC,EAAA;"}

package/dist/lyra48.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra87.cjs"),a=require("./lyra90.cjs"),r=require("./lyra71.cjs");require("./lyra72.cjs");const l=require("./lyra460.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra87.cjs"),a=require("./lyra90.cjs"),r=require("./lyra71.cjs");require("./lyra72.cjs");const l=require("./lyra462.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;

package/dist/lyra48.js

@@ -2,7 +2,7 @@ import { j as e } from "./lyra87.js";
 import { fixedForwardRef as r } from "./lyra90.js";
 import { Text as n } from "./lyra71.js";
 import "./lyra72.js";
-import { KpiStyles as m } from "./lyra460.js";
+import { KpiStyles as m } from "./lyra462.js";
 const o = ({ children: s, className: i, label: t, style: l }, p) => {
   const { kpi: c, kpiText: a } = m({});
   return /* @__PURE__ */ e.jsxs("div", { ref: p, className: c({ className: i }), style: l, children: [

package/dist/lyra49.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra87.cjs"),n=require("react"),i=require("./lyra86.cjs"),j=require("./lyra98.cjs"),b=require("./lyra90.cjs"),E=require("./lyra92.cjs"),q=require("./lyra450.cjs"),B=require("./lyra451.cjs"),N=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const P=require("./lyra56.cjs");require("./lyra57.cjs");const w=({getItemId:a,getTextValue:o,isLoading:u,items:c,onLoadMore:r,placement:l,selectRenderElements:x,...d},v)=>{const{loadMore:y}=E.useDictionary(),[g,p]=n.useState(!1),[M,m]=n.useState(!1),t=n.useRef(null),{isOpen:R}=n.useContext(i.OverlayTriggerStateContext);n.useEffect(()=>{r||(p(!1),m(!1))},[r]),n.useEffect(()=>{p(!1),m(!1)},[R]);const S=j.useObjectRef(j.mergeRefs(t,v));return s.jsxRuntimeExports.jsxs(N.Popover,{disablePadding:!0,placement:l,className:"min-w-[280px] max-w-[320px] p-1 min-[480px]:max-w-[480px]",children:[s.jsxRuntimeExports.jsx(i.Menu,{...d,selectionMode:"none",className:q.sharedListStyles(),ref:S,children:c.map(e=>s.jsxRuntimeExports.jsx(D,{className:"outline-none",value:e,item:e,selectRenderElements:x,id:a(e),textValue:o?o(e):void 0,disableHoverStyle:g||M},a(e)))}),r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(P.Separator,{className:"my-1"}),s.jsxRuntimeExports.jsx(i.Button,{onPress:()=>{var e;r(),(e=t==null?void 0:t.current)==null||e.focus()},onFocusChange:p,onHoverChange:m,onKeyDown:e=>{var f;e.key==="Tab"?(e.preventDefault(),(f=t==null?void 0:t.current)==null||f.focus()):e.continuePropagation()},isDisabled:u,className:q.loadMoreButtonStyles({isDisabled:u}),children:y})]}):null]})},h=b.fixedForwardRef(w);h.displayName="Menu";function D({disableHoverStyle:a,item:o,selectRenderElements:u,...c}){const r=c.textValue||u(o).label;return s.jsxRuntimeExports.jsx(i.MenuItem,{...c,textValue:r,children:({isDisabled:l,isFocused:x,isHovered:d})=>s.jsxRuntimeExports.jsx(B.SharedListItem,{selectRenderElements:u,item:o,state:{active:(x||d)&&!a,disabled:l,selected:!1},hasSelection:!1})})}exports.MenuTrigger=i.MenuTrigger;exports.Menu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra87.cjs"),n=require("react"),i=require("./lyra86.cjs"),j=require("./lyra98.cjs"),b=require("./lyra90.cjs"),E=require("./lyra92.cjs"),q=require("./lyra451.cjs"),B=require("./lyra452.cjs"),N=require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");const P=require("./lyra56.cjs");require("./lyra57.cjs");const w=({getItemId:a,getTextValue:o,isLoading:u,items:c,onLoadMore:r,placement:l,selectRenderElements:x,...d},v)=>{const{loadMore:y}=E.useDictionary(),[g,p]=n.useState(!1),[M,m]=n.useState(!1),t=n.useRef(null),{isOpen:R}=n.useContext(i.OverlayTriggerStateContext);n.useEffect(()=>{r||(p(!1),m(!1))},[r]),n.useEffect(()=>{p(!1),m(!1)},[R]);const S=j.useObjectRef(j.mergeRefs(t,v));return s.jsxRuntimeExports.jsxs(N.Popover,{disablePadding:!0,placement:l,className:"min-w-[280px] max-w-[320px] p-1 min-[480px]:max-w-[480px]",children:[s.jsxRuntimeExports.jsx(i.Menu,{...d,selectionMode:"none",className:q.sharedListStyles(),ref:S,children:c.map(e=>s.jsxRuntimeExports.jsx(D,{className:"outline-none",value:e,item:e,selectRenderElements:x,id:a(e),textValue:o?o(e):void 0,disableHoverStyle:g||M},a(e)))}),r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(P.Separator,{className:"my-1"}),s.jsxRuntimeExports.jsx(i.Button,{onPress:()=>{var e;r(),(e=t==null?void 0:t.current)==null||e.focus()},onFocusChange:p,onHoverChange:m,onKeyDown:e=>{var f;e.key==="Tab"?(e.preventDefault(),(f=t==null?void 0:t.current)==null||f.focus()):e.continuePropagation()},isDisabled:u,className:q.loadMoreButtonStyles({isDisabled:u}),children:y})]}):null]})},h=b.fixedForwardRef(w);h.displayName="Menu";function D({disableHoverStyle:a,item:o,selectRenderElements:u,...c}){const r=c.textValue||u(o).label;return s.jsxRuntimeExports.jsx(i.MenuItem,{...c,textValue:r,children:({isDisabled:l,isFocused:x,isHovered:d})=>s.jsxRuntimeExports.jsx(B.SharedListItem,{selectRenderElements:u,item:o,state:{active:(x||d)&&!a,disabled:l,selected:!1},hasSelection:!1})})}exports.MenuTrigger=i.MenuTrigger;exports.Menu=h;

package/dist/lyra49.js

@@ -5,8 +5,8 @@ import { MenuTrigger as te } from "./lyra86.js";
 import { useObjectRef as D, mergeRefs as F } from "./lyra98.js";
 import { fixedForwardRef as C } from "./lyra90.js";
 import { useDictionary as H } from "./lyra92.js";
-import { sharedListStyles as P, loadMoreButtonStyles as I } from "./lyra450.js";
-import { SharedListItem as O } from "./lyra451.js";
+import { sharedListStyles as P, loadMoreButtonStyles as I } from "./lyra451.js";
+import { SharedListItem as O } from "./lyra452.js";
 import { Popover as L } from "./lyra52.js";
 import "./lyra53.js";
 import "./lyra54.js";

package/dist/lyra50.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra87.cjs"),l=require("react"),c=require("./lyra90.cjs"),E=require("./lyra63.cjs"),d=require("./lyra71.cjs");require("./lyra72.cjs");const g=require("./lyra461.cjs"),x=require("./lyra51.cjs"),r=require("./lyra462.cjs");function q({children:e,className:n,currentRoute:i},s){const{layoutSpacing:o}=x.navigationStyles({});return t.jsxRuntimeExports.jsx(g.NavigationContextProvider,{currentRoute:i,children:t.jsxRuntimeExports.jsx("div",{className:o({className:n}),ref:s,children:e})})}const v=c.fixedForwardRef(q);v.displayName="Navigation";function C({basePath:e,children:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{currentRoute:a}=g.useNavigationContext(),{details:N,icon:j,layoutSpacing:y,summary:R}=x.navigationStyles({}),f=l.useMemo(()=>a.includes(e),[e,a]),[u,S]=l.useState(f);return t.jsxRuntimeExports.jsx(r.NavigationItemProvider,{children:t.jsxRuntimeExports.jsxs("details",{open:u,onToggle:h=>{S(h.currentTarget.open)},className:N(),ref:s,children:[t.jsxRuntimeExports.jsxs("summary",{className:R({isActive:!1}),style:{paddingLeft:8+24*(o??0)},children:[t.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-right",className:j({isOpen:u})}),t.jsxRuntimeExports.jsx(d.Text,{children:i})]}),t.jsxRuntimeExports.jsx("div",{className:y(),children:n})]})})}const m=c.fixedForwardRef(C);m.displayName="NavigationSection";function I({children:e,isActive:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{linkContent:a}=x.navigationStyles({});return t.jsxRuntimeExports.jsxs("div",{ref:s,className:a({isActive:!!n}),style:{paddingLeft:32+24*(o??0)},children:[t.jsxRuntimeExports.jsx(d.Text,{color:n?"inverted":"primary",children:i}),e]})}const p=c.fixedForwardRef(I);p.displayName="NavigationLinkContent";exports.Navigation=v;exports.NavigationLinkContent=p;exports.NavigationSection=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra87.cjs"),l=require("react"),c=require("./lyra90.cjs"),E=require("./lyra63.cjs"),d=require("./lyra71.cjs");require("./lyra72.cjs");const g=require("./lyra460.cjs"),x=require("./lyra51.cjs"),r=require("./lyra461.cjs");function q({children:e,className:n,currentRoute:i},s){const{layoutSpacing:o}=x.navigationStyles({});return t.jsxRuntimeExports.jsx(g.NavigationContextProvider,{currentRoute:i,children:t.jsxRuntimeExports.jsx("div",{className:o({className:n}),ref:s,children:e})})}const v=c.fixedForwardRef(q);v.displayName="Navigation";function C({basePath:e,children:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{currentRoute:a}=g.useNavigationContext(),{details:N,icon:j,layoutSpacing:y,summary:R}=x.navigationStyles({}),f=l.useMemo(()=>a.includes(e),[e,a]),[u,S]=l.useState(f);return t.jsxRuntimeExports.jsx(r.NavigationItemProvider,{children:t.jsxRuntimeExports.jsxs("details",{open:u,onToggle:h=>{S(h.currentTarget.open)},className:N(),ref:s,children:[t.jsxRuntimeExports.jsxs("summary",{className:R({isActive:!1}),style:{paddingLeft:8+24*(o??0)},children:[t.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-right",className:j({isOpen:u})}),t.jsxRuntimeExports.jsx(d.Text,{children:i})]}),t.jsxRuntimeExports.jsx("div",{className:y(),children:n})]})})}const m=c.fixedForwardRef(C);m.displayName="NavigationSection";function I({children:e,isActive:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{linkContent:a}=x.navigationStyles({});return t.jsxRuntimeExports.jsxs("div",{ref:s,className:a({isActive:!!n}),style:{paddingLeft:32+24*(o??0)},children:[t.jsxRuntimeExports.jsx(d.Text,{color:n?"inverted":"primary",children:i}),e]})}const p=c.fixedForwardRef(I);p.displayName="NavigationLinkContent";exports.Navigation=v;exports.NavigationLinkContent=p;exports.NavigationSection=m;

package/dist/lyra50.js

@@ -4,9 +4,9 @@ import { fixedForwardRef as r } from "./lyra90.js";
 import { SvgIcon as h } from "./lyra63.js";
 import { Text as l } from "./lyra71.js";
 import "./lyra72.js";
-import { NavigationContextProvider as S, useNavigationContext as C } from "./lyra461.js";
+import { NavigationContextProvider as S, useNavigationContext as C } from "./lyra460.js";
 import { navigationStyles as c } from "./lyra51.js";
-import { useNavigationItemContext as d, NavigationItemProvider as I } from "./lyra462.js";
+import { useNavigationItemContext as d, NavigationItemProvider as I } from "./lyra461.js";
 function L({ children: i, className: n, currentRoute: o }, e) {
   const { layoutSpacing: a } = c({});
   return /* @__PURE__ */ t.jsx(S, { currentRoute: o, children: /* @__PURE__ */ t.jsx("div", { className: a({ className: n }), ref: e, children: i }) });

package/dist/lyra505.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra617.cjs"),r=require("./lyra618.cjs"),o=require("./lyra619.cjs");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.shimExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra609.cjs"),r=require("./lyra610.cjs"),o=require("./lyra611.cjs");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.shimExports=t;