@caspeco/casper-ui-library 9.12.0 → 10.0.0

package/dist/components/list/list-item.js

@@ -1,8 +1,16 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ListItem as i } from "@chakra-ui/react";
-function s({ children: t, ...m }) {
-  return /* @__PURE__ */ r(i, { ...m, children: t });
+import { jsx as m } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { ListItem as p } from "@chakra-ui/react";
+function n(o) {
+  const t = s.c(6);
+  let e, r;
+  t[0] !== o ? ({
+    children: e,
+    ...r
+  } = o, t[0] = o, t[1] = e, t[2] = r) : (e = t[1], r = t[2]);
+  let i;
+  return t[3] !== e || t[4] !== r ? (i = /* @__PURE__ */ m(p, { ...r, children: e }), t[3] = e, t[4] = r, t[5] = i) : i = t[5], i;
 }
 export {
-  s as ListItem
+  n as ListItem
 };

package/dist/components/list/list.composition.d.ts

@@ -1,2 +1,2 @@
-export declare const BasicList: () => import("react/jsx-runtime").JSX.Element;
+export declare const BasicList: () => import("react").JSX.Element;
 //# sourceMappingURL=list.composition.d.ts.map

package/dist/components/list/list.composition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,+CAOrB,CAAC"}
+{"version":3,"file":"list.composition.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.composition.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,mCAOrB,CAAC"}

package/dist/components/list/list.d.ts

@@ -11,6 +11,6 @@ export type ListProps = CustomListProps & ChakraListProps & ThemeStyleProps;
  *
  * @see Docs https://caspeco.github.io/casper-ui-library/components/list
  */
-export declare function List({ fontFamily, listStyleType, spacing, children, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export declare function List({ fontFamily, listStyleType, spacing, children, ...props }: ListProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=list.d.ts.map

package/dist/components/list/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC,CAAC;AAGhF,KAAK,eAAe,GAAG;IACtB,iDAAiD;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,UAAmC,EACnC,aAAsB,EACtB,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,SAAS,2CAMX"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../lib/components/list/list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAqB,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AAElE,KAAK,eAAe,GAAG,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,eAAe,GAAG,UAAU,CAAC,CAAC;AAGhF,KAAK,eAAe,GAAG;IACtB,iDAAiD;IACjD,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EACpB,UAAmC,EACnC,aAAsB,EACtB,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,SAAS,+BAMX"}

package/dist/components/list/list.js

@@ -1,14 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import { List as n } from "@chakra-ui/react";
-import { ThemeFontVariable as p } from "../../theme/theme-types.js";
-function L({
-  fontFamily: o = p.Body,
-  listStyleType: t = "none",
-  spacing: r,
-  children: i,
-  ...m
-}) {
-  return /* @__PURE__ */ e(n.Root, { gap: r, fontFamily: o, listStyleType: t, ...m, children: i });
+import { jsx as c } from "react/jsx-runtime";
+import { c as f } from "../../_virtual/compiler-runtime.js";
+import { List as a } from "@chakra-ui/react";
+import { ThemeFontVariable as y } from "../../theme/theme-types.js";
+function L(n) {
+  const t = f.c(12);
+  let o, e, i, l, r;
+  t[0] !== n ? ({
+    fontFamily: l,
+    listStyleType: r,
+    spacing: i,
+    children: o,
+    ...e
+  } = n, t[0] = n, t[1] = o, t[2] = e, t[3] = i, t[4] = l, t[5] = r) : (o = t[1], e = t[2], i = t[3], l = t[4], r = t[5]);
+  const m = l === void 0 ? y.Body : l, p = r === void 0 ? "none" : r;
+  let s;
+  return t[6] !== o || t[7] !== m || t[8] !== p || t[9] !== e || t[10] !== i ? (s = /* @__PURE__ */ c(a.Root, { gap: i, fontFamily: m, listStyleType: p, ...e, children: o }), t[6] = o, t[7] = m, t[8] = p, t[9] = e, t[10] = i, t[11] = s) : s = t[11], s;
 }
 export {
   L as List

package/dist/components/menu/menu-box-button.js

@@ -1,10 +1,18 @@
-import { jsx as r } from "react/jsx-runtime";
-import { MenuTrigger as n, Button as u } from "@chakra-ui/react";
-import { forwardRef as i } from "react";
-const m = i(
-  ({ children: t, ...o }, e) => /* @__PURE__ */ r(n, { asChild: !0, children: /* @__PURE__ */ r(u, { ref: e, unstyled: !0, ...o, children: t }) })
-);
-m.displayName = "MenuBoxButton";
+import { jsx as l } from "react/jsx-runtime";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as s, Button as u } from "@chakra-ui/react";
+import { forwardRef as p } from "react";
+const c = p((i, n) => {
+  const t = m.c(7);
+  let e, o;
+  t[0] !== i ? ({
+    children: e,
+    ...o
+  } = i, t[0] = i, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
+  let r;
+  return t[3] !== e || t[4] !== o || t[5] !== n ? (r = /* @__PURE__ */ l(s, { asChild: !0, children: /* @__PURE__ */ l(u, { ref: n, unstyled: !0, ...o, children: e }) }), t[3] = e, t[4] = o, t[5] = n, t[6] = r) : r = t[6], r;
+});
+c.displayName = "MenuBoxButton";
 export {
-  m as MenuBoxButton
+  c as MenuBoxButton
 };

package/dist/components/menu/menu-button.d.ts

@@ -3,5 +3,5 @@ import { ButtonProps } from '../button/index.js';
  * A Button that acts as a trigger for Menu
  * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
  */
-export declare const MenuButton: ({ children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuButton: ({ children, ...props }: ButtonProps) => import("react").JSX.Element;
 //# sourceMappingURL=menu-button.d.ts.map

package/dist/components/menu/menu-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,wBAAwB,WAAW,4CAM7D,CAAC"}
+{"version":3,"file":"menu-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,wBAAwB,WAAW,gCAM7D,CAAC"}

package/dist/components/menu/menu-button.js

@@ -1,7 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { MenuTrigger as e } from "@chakra-ui/react";
-import { Button as n } from "../button/button.js";
-const p = ({ children: t, ...o }) => /* @__PURE__ */ r(e, { asChild: !0, children: /* @__PURE__ */ r(n, { ...o, children: t }) });
+import { jsx as m } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as l } from "@chakra-ui/react";
+import { Button as p } from "../button/button.js";
+const d = (i) => {
+  const r = n.c(6);
+  let e, t;
+  r[0] !== i ? ({
+    children: e,
+    ...t
+  } = i, r[0] = i, r[1] = e, r[2] = t) : (e = r[1], t = r[2]);
+  let o;
+  return r[3] !== e || r[4] !== t ? (o = /* @__PURE__ */ m(l, { asChild: !0, children: /* @__PURE__ */ m(p, { ...t, children: e }) }), r[3] = e, r[4] = t, r[5] = o) : o = r[5], o;
+};
 export {
-  p as MenuButton
+  d as MenuButton
 };

package/dist/components/menu/menu-divider.d.ts

@@ -1,5 +1,6 @@
+import { default as React } from 'react';
 export type MenuDividerProps = {
     title?: string;
 };
-export declare const MenuDivider: ({ title }: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuDivider: ({ title }: MenuDividerProps) => React.JSX.Element;
 //# sourceMappingURL=menu-divider.d.ts.map

package/dist/components/menu/menu-divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-divider.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-divider.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,4CAEtD,CAAC"}
+{"version":3,"file":"menu-divider.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,MAAM,MAAM,gBAAgB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,WAAW,gBAAgB,sBAEtD,CAAC"}

package/dist/components/menu/menu-divider.js

@@ -1,21 +1,30 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
+import { c as d } from "../../_virtual/compiler-runtime.js";
 import "react";
-import { ThemeColorVariable as e, ThemeSpaceVariable as i, ThemeFontSizeVariable as t } from "../../theme/theme-types.js";
-const n = {
-  margin: i.Medium,
-  borderTop: `1px solid ${e.OnBackgroundBorder}`,
+import { ThemeColorVariable as i, ThemeSpaceVariable as n, ThemeFontSizeVariable as s } from "../../theme/theme-types.js";
+const c = {
+  margin: n.Medium,
+  borderTop: `1px solid ${i.OnBackgroundBorder}`,
   position: "relative",
   textAlign: "center"
-}, a = {
-  backgroundColor: e.Surface,
-  padding: `0 ${i.Small}`,
+}, m = {
+  backgroundColor: i.Surface,
+  padding: `0 ${n.Small}`,
   position: "absolute",
   top: "50%",
   left: "50%",
   transform: "translate(-50%, -50%)",
-  color: e.OnBackgroundSubdued,
-  fontSize: t.XSmall
-}, s = ({ title: r }) => /* @__PURE__ */ o("div", { style: n, children: r && /* @__PURE__ */ o("span", { style: a, children: r }) });
+  color: i.OnBackgroundSubdued,
+  fontSize: s.XSmall
+}, b = (a) => {
+  const e = d.c(4), {
+    title: o
+  } = a;
+  let t;
+  e[0] !== o ? (t = o && /* @__PURE__ */ l("span", { style: m, children: o }), e[0] = o, e[1] = t) : t = e[1];
+  let r;
+  return e[2] !== t ? (r = /* @__PURE__ */ l("div", { style: c, children: t }), e[2] = t, e[3] = r) : r = e[3], r;
+};
 export {
-  s as MenuDivider
+  b as MenuDivider
 };

package/dist/components/menu/menu-group.d.ts

@@ -1,3 +1,4 @@
+import { default as React, ReactNode } from 'react';
 import { MenuItemProps } from './menu-item.js';
 export interface MenuGroupProps extends MenuItemProps {
     /**
@@ -7,7 +8,7 @@ export interface MenuGroupProps extends MenuItemProps {
     /**
      * Element to render to the right of the SubMenu Item contents.
      */
-    rightElement?: JSX.Element;
+    rightElement?: ReactNode;
 }
 /**
  * A variant of MenuItem that renders children as nested list of maximum three levels.
@@ -16,5 +17,5 @@ export interface MenuGroupProps extends MenuItemProps {
  * @note Differs from MenuItem in that it renders text via the `text` prop,
  * and can render an element to the right of text via the `rightElement` prop.
  */
-export declare const MenuGroup: ({ text, children, onClick, as, isDisabled, command, itemType, leftIcon, rightIcon, rightElement, ...props }: MenuGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuGroup: ({ text, children, onClick, as, isDisabled, command, itemType, leftIcon, rightIcon, rightElement, ...props }: MenuGroupProps) => React.JSX.Element;
 //# sourceMappingURL=menu-group.d.ts.map

package/dist/components/menu/menu-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-group.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACpD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC3B;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,6GAYvB,cAAc,4CAkJhB,CAAC"}
+{"version":3,"file":"menu-group.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-group.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,WAAW,cAAe,SAAQ,aAAa;IACpD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CACzB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,GAAI,6GAYvB,cAAc,sBAkJhB,CAAC"}

package/dist/components/menu/menu-group.js

@@ -1,142 +1,144 @@
-import { jsxs as a, Fragment as j, jsx as e } from "react/jsx-runtime";
-import { HStack as E, Menu as w, Box as F } from "@chakra-ui/react";
-import H, { useRef as I } from "react";
-import { setMenuItemElementType as N } from "./helper.js";
-import { IconButton as K } from "../icon-button/icon-button.js";
-import { Flex as O } from "../flex/flex.js";
-import { ThemeColorVariable as g, ThemeSpaceVariable as p, ThemeIconSizeVariable as S } from "../../theme/theme-types.js";
-import { TreeViewCollapseIcon as W } from "../icon/icons/tree-view-collapse-icon.js";
-import { TreeViewExpandIcon as X } from "../icon/icons/tree-view-expand-icon.js";
-const ne = ({
-  text: i,
-  children: C,
-  onClick: $,
-  as: M,
-  isDisabled: v = !1,
-  command: d,
-  itemType: L = "button",
-  leftIcon: T,
-  rightIcon: k,
-  rightElement: y,
-  ...z
-}) => {
-  const [n, B] = H.useState(!1), r = I(null), o = I(null), R = () => {
-    B(!n);
-  }, V = M ?? N(L), f = T, b = k, s = (t) => ({
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: t,
-    width: "1px",
-    height: "100%",
-    backgroundColor: g.OnSurfaceBorder,
-    zIndex: 1
-  }), u = 64, h = 36, c = 22, m = 28, x = 20, _ = {
-    "& .menu-item": {
-      paddingLeft: `${u}px`
-    },
-    "& .menugroup-item": {
-      paddingLeft: `${h}px`
-    },
-    "& .menugroup-wrapper > .menugroup-item": {
-      paddingLeft: `${h + c}px`
-    },
-    "& .menugroup-wrapper > .menu-item": {
-      paddingLeft: `${u + c}px`
-    },
-    // Max level of nesting is currently three levels deep
-    "& .menugroup-wrapper > .menugroup-wrapper > .menu-item": {
-      paddingLeft: `${u + 2 * c}px`
-    },
-    // Line indicating the hierarchy of the menu items
+import { jsx as w, jsxs as H, Fragment as le } from "react/jsx-runtime";
+import { c as ie } from "../../_virtual/compiler-runtime.js";
+import { Menu as Z, HStack as se, Box as ae } from "@chakra-ui/react";
+import me, { useRef as ee } from "react";
+import { setMenuItemElementType as pe } from "./helper.js";
+import { Flex as ce } from "../flex/flex.js";
+import { IconButton as ue } from "../icon-button/icon-button.js";
+import { ThemeColorVariable as Q, ThemeIconSizeVariable as te, ThemeSpaceVariable as N } from "../../theme/theme-types.js";
+import { TreeViewCollapseIcon as fe } from "../icon/icons/tree-view-collapse-icon.js";
+import { TreeViewExpandIcon as de } from "../icon/icons/tree-view-expand-icon.js";
+const Te = (h) => {
+  const e = ie.c(57);
+  let o, S, n, I, r, l, i, _, b, x, t;
+  e[0] !== h ? ({
+    text: t,
+    children: S,
+    onClick: r,
+    as: o,
+    isDisabled: b,
+    command: n,
+    itemType: x,
+    leftIcon: I,
+    rightIcon: _,
+    rightElement: i,
+    ...l
+  } = h, e[0] = h, e[1] = o, e[2] = S, e[3] = n, e[4] = I, e[5] = r, e[6] = l, e[7] = i, e[8] = _, e[9] = b, e[10] = x, e[11] = t) : (o = e[1], S = e[2], n = e[3], I = e[4], r = e[5], l = e[6], i = e[7], _ = e[8], b = e[9], x = e[10], t = e[11]);
+  const K = b === void 0 ? !1 : b, O = x === void 0 ? "button" : x, [s, ne] = me.useState(!1), y = ee(null), C = ee(null);
+  let v;
+  e[12] !== s ? (v = () => {
+    ne(!s);
+  }, e[12] = s, e[13] = v) : v = e[13];
+  const P = v;
+  let T;
+  e[14] !== o || e[15] !== O ? (T = o ?? pe(O), e[14] = o, e[15] = O, e[16] = T) : T = e[16];
+  const W = T, k = I, L = _, X = ge;
+  let M, R, z, B, E;
+  e[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = {
+    paddingLeft: "64px"
+  }, R = {
+    paddingLeft: "36px"
+  }, z = {
+    paddingLeft: "58px"
+  }, B = {
+    paddingLeft: "86px"
+  }, E = {
+    paddingLeft: "108px"
+  }, e[17] = M, e[18] = R, e[19] = z, e[20] = B, e[21] = E) : (M = e[17], R = e[18], z = e[19], B = e[20], E = e[21]);
+  let V;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (V = {
+    "& .menu-item": M,
+    "& .menugroup-item": R,
+    "& .menugroup-wrapper > .menugroup-item": z,
+    "& .menugroup-wrapper > .menu-item": B,
+    "& .menugroup-wrapper > .menugroup-wrapper > .menu-item": E,
     position: "relative",
-    "&::before": s(`${m}px`),
+    "&::before": X("28px"),
     "& .menugroup-wrapper": {
-      "&::before": s(`${m + x}px`)
+      "&::before": X("48px")
     },
     "& .menugroup-wrapper > .menugroup-wrapper": {
-      "&::before": s(`${m + 2 * x}px`)
+      "&::before": X("68px")
     }
-    // ...Add more selectors as needed to support more levels
-  }, A = "24px", P = (t) => {
-    switch (t.stopPropagation(), t.key) {
+  }, e[22] = V) : V = e[22];
+  const oe = V;
+  let $;
+  e[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = (Y) => {
+    Y.stopPropagation();
+    e: switch (Y.key) {
       case "ArrowLeft": {
-        const l = o.current?.previousSibling;
-        r.current = l, r.current?.focus();
-        break;
+        const J = C.current?.previousSibling;
+        y.current = J, y.current?.focus();
+        break e;
       }
       case "ArrowRight": {
-        const l = r.current?.nextSibling;
-        o.current = l, o.current?.focus();
-        break;
+        const J = y.current?.nextSibling;
+        C.current = J, C.current?.focus();
+        break e;
       }
     }
-  };
-  return /* @__PURE__ */ a(j, { children: [
-    /* @__PURE__ */ a(
-      E,
-      {
-        w: "100%",
-        pl: p.Medium,
-        gap: p.XSmall,
-        className: "group menugroup-item",
-        _hover: {
-          bg: g.AccentHoverAlpha,
-          transitionProperty: "background",
-          transitionDuration: "200ms",
-          transitionTimingFunction: "ease-in"
-        },
-        role: "group",
-        onKeyUp: P,
-        children: [
-          /* @__PURE__ */ e(
-            K,
-            {
-              ref: r,
-              onClick: R,
-              variant: "ghost",
-              tabIndex: 0,
-              icon: n ? W : X,
-              "aria-label": n ? `Collapse ${i}` : `Expand ${i}`,
-              size: "xs"
-            }
-          ),
-          /* @__PURE__ */ a(
-            w.Item,
-            {
-              pl: 0,
-              _groupHover: { bg: "transparent" },
-              _hover: { bg: "transparent" },
-              as: V,
-              disabled: v,
-              onClick: $,
-              minWidth: "unset",
-              w: `calc(100% - ${A} - ${p.XSmall})`,
-              ref: o,
-              ...z,
-              children: [
-                f && /* @__PURE__ */ e(f, { size: S.Medium }),
-                /* @__PURE__ */ a(O, { justifyContent: "space-between", alignItems: "center", gap: p.Small, w: "100%", children: [
-                  i,
-                  y,
-                  b && /* @__PURE__ */ e(
-                    b,
-                    {
-                      color: g.OnSurfaceBorder,
-                      size: S.Small
-                    }
-                  ),
-                  d && /* @__PURE__ */ e(w.ItemCommand, { children: d })
-                ] })
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(F, { className: "menugroup-wrapper", css: _, children: n && C })
-  ] });
+  }, e[23] = $) : $ = e[23];
+  const re = $;
+  let A;
+  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = {
+    bg: Q.AccentHoverAlpha,
+    transitionProperty: "background",
+    transitionDuration: "200ms",
+    transitionTimingFunction: "ease-in"
+  }, e[24] = A) : A = e[24];
+  const G = s ? fe : de, U = s ? `Collapse ${t}` : `Expand ${t}`;
+  let a;
+  e[25] !== G || e[26] !== U || e[27] !== P ? (a = /* @__PURE__ */ w(ue, { ref: y, onClick: P, variant: "ghost", tabIndex: 0, icon: G, "aria-label": U, size: "xs" }), e[25] = G, e[26] = U, e[27] = P, e[28] = a) : a = e[28];
+  let j, D;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (j = {
+    bg: "transparent"
+  }, D = {
+    bg: "transparent"
+  }, e[29] = j, e[30] = D) : (j = e[29], D = e[30]);
+  let m;
+  e[31] !== k ? (m = k && /* @__PURE__ */ w(k, { size: te.Medium }), e[31] = k, e[32] = m) : m = e[32];
+  let p;
+  e[33] !== L ? (p = L && /* @__PURE__ */ w(L, { color: Q.OnSurfaceBorder, size: te.Small }), e[33] = L, e[34] = p) : p = e[34];
+  let c;
+  e[35] !== n ? (c = n && /* @__PURE__ */ w(Z.ItemCommand, { children: n }), e[35] = n, e[36] = c) : c = e[36];
+  let u;
+  e[37] !== i || e[38] !== p || e[39] !== c || e[40] !== t ? (u = /* @__PURE__ */ H(ce, { justifyContent: "space-between", alignItems: "center", gap: N.Small, w: "100%", children: [
+    t,
+    i,
+    p,
+    c
+  ] }), e[37] = i, e[38] = p, e[39] = c, e[40] = t, e[41] = u) : u = e[41];
+  let f;
+  e[42] !== W || e[43] !== K || e[44] !== r || e[45] !== l || e[46] !== m || e[47] !== u ? (f = /* @__PURE__ */ H(Z.Item, { pl: 0, _groupHover: j, _hover: D, as: W, disabled: K, onClick: r, minWidth: "unset", w: `calc(100% - 24px - ${N.XSmall})`, ref: C, ...l, children: [
+    m,
+    u
+  ] }), e[42] = W, e[43] = K, e[44] = r, e[45] = l, e[46] = m, e[47] = u, e[48] = f) : f = e[48];
+  let d;
+  e[49] !== a || e[50] !== f ? (d = /* @__PURE__ */ H(se, { w: "100%", pl: N.Medium, gap: N.XSmall, className: "group menugroup-item", _hover: A, role: "group", onKeyUp: re, children: [
+    a,
+    f
+  ] }), e[49] = a, e[50] = f, e[51] = d) : d = e[51];
+  const q = s && S;
+  let g;
+  e[52] !== q ? (g = /* @__PURE__ */ w(ae, { className: "menugroup-wrapper", css: oe, children: q }), e[52] = q, e[53] = g) : g = e[53];
+  let F;
+  return e[54] !== d || e[55] !== g ? (F = /* @__PURE__ */ H(le, { children: [
+    d,
+    g
+  ] }), e[54] = d, e[55] = g, e[56] = F) : F = e[56], F;
 };
+function ge(h) {
+  return {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: h,
+    width: "1px",
+    height: "100%",
+    backgroundColor: Q.OnSurfaceBorder,
+    zIndex: 1
+  };
+}
 export {
-  ne as MenuGroup
+  Te as MenuGroup
 };

package/dist/components/menu/menu-icon-button.d.ts

@@ -3,5 +3,5 @@ import { IconButtonProps } from '../icon-button/index.js';
  * An IconButton that acts as a trigger for Menu
  * @see Docs https://caspeco.github.io/casper-ui-library/components/menu/
  */
-export declare const MenuIconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuIconButton: (props: IconButtonProps) => import("react").JSX.Element;
 //# sourceMappingURL=menu-icon-button.d.ts.map

package/dist/components/menu/menu-icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-icon-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG5E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,4CAMpD,CAAC"}
+{"version":3,"file":"menu-icon-button.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-icon-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAG5E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,eAAe,gCAMpD,CAAC"}

package/dist/components/menu/menu-icon-button.js

@@ -1,7 +1,12 @@
-import { jsx as r } from "react/jsx-runtime";
-import { MenuTrigger as t } from "@chakra-ui/react";
-import { IconButton as n } from "../icon-button/icon-button.js";
-const u = (o) => /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(n, { ...o }) });
+import { jsx as e } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { MenuTrigger as i } from "@chakra-ui/react";
+import { IconButton as m } from "../icon-button/icon-button.js";
+const s = (r) => {
+  const t = n.c(2);
+  let o;
+  return t[0] !== r ? (o = /* @__PURE__ */ e(i, { asChild: !0, children: /* @__PURE__ */ e(m, { ...r }) }), t[0] = r, t[1] = o) : o = t[1], o;
+};
 export {
-  u as MenuIconButton
+  s as MenuIconButton
 };

package/dist/components/menu/menu-item.d.ts

@@ -37,6 +37,6 @@ type CustomMenuItemProps = {
     command?: string;
 };
 export type MenuItemProps = Pick<ChakraMenuItemProps, "children" | "onClick" | "value"> & CustomMenuItemProps;
-export declare const MenuItem: ({ children, onClick, as, isDisabled, itemType, command, leftIcon, rightIcon, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItem: ({ children, onClick, as, isDisabled, itemType, command, leftIcon, rightIcon, ...props }: MenuItemProps) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=menu-item.d.ts.map

package/dist/components/menu/menu-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAsB,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG,mBAAmB,CAAC;AAE9G,eAAO,MAAM,QAAQ,GAAI,yFAUtB,aAAa,4CAwBf,CAAC"}
+{"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../lib/components/menu/menu-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAsB,KAAK,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,mBAAmB,GAAG;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAGZ,gDAAgD;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC,GAAG,mBAAmB,CAAC;AAE9G,eAAO,MAAM,QAAQ,GAAI,yFAUtB,aAAa,gCAwBf,CAAC"}