@wrdagency/blockout 1.0.30 → 1.0.32

package/dist/components/menu/items/toggle.js

@@ -1,29 +1,30 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { cn as r } from "../../../utils/css.js";
-import { r as a, a as i } from "../../../Square.es-KJLdY11q.js";
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { cn as i } from "../../../utils/css.js";
+import { r as a, a as p } from "../../../Square.es-KJLdY11q.js";
 import "react";
-import { EmptyIcon as p } from "../icon.js";
-import { M as d } from "../../../2NBKRL7C-DBbnghCe.js";
-const x = ({ item: e }) => {
-  const t = e.icon || p, s = () => {
-    var _, m, l;
-    const c = !e.checked;
-    return (_ = e.onToggle) == null || _.call(e, c), c ? (m = e.onCheck) == null ? void 0 : m.call(e) : (l = e.onUncheck) == null ? void 0 : l.call(e);
+import { useMenu as d } from "../context.js";
+import { EmptyIcon as u } from "../icon.js";
+import { M as h } from "../../../2NBKRL7C-DBbnghCe.js";
+const I = ({ item: e }) => {
+  const { actionContext: o } = d(), l = e.icon || u, r = () => {
+    var m, t, s;
+    const _ = !e.checked;
+    return (m = e.onToggle) == null || m.call(e, _, o), _ ? (t = e.onCheck) == null ? void 0 : t.call(e, o) : (s = e.onUncheck) == null ? void 0 : s.call(e, o);
   };
-  return /* @__PURE__ */ o(
-    d,
+  return /* @__PURE__ */ c(
+    h,
     {
       hideOnClick: !1,
-      className: r(
+      className: i(
         "component-menu__item component-menu__item--toggle",
         e.checked && "component-menu__item--toggle--checked"
       ),
       disabled: e.disabled,
-      onClick: s,
+      onClick: r,
       children: [
-        /* @__PURE__ */ n(t, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
-        /* @__PURE__ */ o("div", { className: "component-menu__item__text", children: [
-          /* @__PURE__ */ o("div", { className: "component-menu__item__text__header", children: [
+        /* @__PURE__ */ n(l, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
+        /* @__PURE__ */ c("div", { className: "component-menu__item__text", children: [
+          /* @__PURE__ */ c("div", { className: "component-menu__item__text__header", children: [
             /* @__PURE__ */ n("div", { className: "component-menu__item__label", children: e.label }),
             e.checked ? /* @__PURE__ */ n(
               a,
@@ -31,7 +32,7 @@ const x = ({ item: e }) => {
                 weight: "fill",
                 className: "component-menu__item__icon component-menu__item__icon--checkbox"
               }
-            ) : /* @__PURE__ */ n(i, { className: "component-menu__item__icon component-menu__item__icon--checkbox" })
+            ) : /* @__PURE__ */ n(p, { className: "component-menu__item__icon component-menu__item__icon--checkbox" })
           ] }),
           /* @__PURE__ */ n("p", { className: "component-menu__item__description", children: e.description })
         ] })
@@ -40,5 +41,5 @@ const x = ({ item: e }) => {
   );
 };
 export {
-  x as ToggleMenuItem
+  I as ToggleMenuItem
 };

package/dist/components/menu/types.d.ts

@@ -8,22 +8,22 @@ export interface MenuItem {
     description?: string;
     disabled?: boolean;
 }
-export interface MenuItemAction extends MenuItem {
+export interface MenuItemAction<Context> extends MenuItem {
     type: "action";
-    onClick: () => void;
+    onClick: (context: Context) => void;
 }
-export interface MenuItemToggle extends MenuItem {
+export interface MenuItemToggle<Context> extends MenuItem {
     type: "toggle";
     checked: boolean;
-    onToggle?: (checked: boolean) => void;
-    onCheck?: () => void;
-    onUncheck?: () => void;
+    onToggle?: (checked: boolean, context: Context) => void;
+    onCheck?: (context: Context) => void;
+    onUncheck?: (context: Context) => void;
 }
-export interface MenuItemSubmenu extends MenuItem {
+export interface MenuItemSubmenu<Context> extends MenuItem {
     type: "submenu";
-    children: AnyMenuItem[];
+    children: AnyMenuItem<Context>[];
 }
 export type MenuItemSeparator = {
     type: "separator";
 };
-export type AnyMenuItem = MenuItemAction | MenuItemToggle | MenuItemSubmenu | MenuItemSeparator;
+export type AnyMenuItem<Context> = MenuItemAction<Context> | MenuItemToggle<Context> | MenuItemSubmenu<Context> | MenuItemSeparator;

package/dist/{item-CmTk8eHD.js → item-CZjpTCgc.js}

@@ -1,26 +1,26 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
 import { ActionMenuItem as s } from "./components/menu/items/action.js";
-import { SeparatorMenuItem as a } from "./components/menu/items/spacer.js";
-import { e as i } from "./CaretRight.es-vnr78BGI.js";
-import { EmptyIcon as u } from "./components/menu/icon.js";
-import { ToggleMenuItem as _ } from "./components/menu/items/toggle.js";
+import { SeparatorMenuItem as u } from "./components/menu/items/spacer.js";
+import { e as a } from "./CaretRight.es-vnr78BGI.js";
+import { EmptyIcon as _ } from "./components/menu/icon.js";
+import { ToggleMenuItem as i } from "./components/menu/items/toggle.js";
 import { u as p, M as l, a as d, b as M } from "./menu-button-GQO5dB3U.js";
-import { M as h } from "./2NBKRL7C-DBbnghCe.js";
-const b = ({ item: n }) => {
-  const o = n.icon || u, t = p();
+import { M as b } from "./2NBKRL7C-DBbnghCe.js";
+const h = ({ item: n }) => {
+  const o = n.icon || _, t = p();
   return /* @__PURE__ */ m(l, { store: t, children: [
     /* @__PURE__ */ m(
       d,
       {
         className: "component-menu__item component-menu__item--submenu",
-        render: /* @__PURE__ */ e(h, {}),
+        render: /* @__PURE__ */ e(b, {}),
         disabled: n.disabled,
         children: [
           /* @__PURE__ */ e(o, { className: "component-menu__item__icon component-menu__item__icon--pictoral" }),
           /* @__PURE__ */ m("div", { className: "component-menu__item__text", children: [
             /* @__PURE__ */ m("div", { className: "component-menu__item__text__header", children: [
               /* @__PURE__ */ e("div", { className: "component-menu__item__label", children: n.label }),
-              /* @__PURE__ */ e(i, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
+              /* @__PURE__ */ e(a, { className: "component-menu__item__icon component-menu__item__icon--submenu-indicator" })
             ] }),
             /* @__PURE__ */ e("p", { className: "component-menu__item__description", children: n.description })
           ] })
@@ -33,9 +33,9 @@ const b = ({ item: n }) => {
         gutter: 12,
         shift: 0,
         wrapperProps: {
-          className: "component-menu__menu-wrapper"
+          className: "component-menu__menu-wrapper component-menu__menu-wrapper--submenu"
         },
-        className: "component-menu",
+        className: "component-menu__window component-menu__window--submenu",
         children: n.children.map((r, c) => /* @__PURE__ */ e(f, { item: r }, c))
       }
     )
@@ -45,14 +45,14 @@ const b = ({ item: n }) => {
     case "action":
       return /* @__PURE__ */ e(s, { item: n });
     case "toggle":
-      return /* @__PURE__ */ e(_, { item: n });
+      return /* @__PURE__ */ e(i, { item: n });
     case "submenu":
-      return /* @__PURE__ */ e(b, { item: n });
+      return /* @__PURE__ */ e(h, { item: n });
     case "separator":
-      return /* @__PURE__ */ e(a, {});
+      return /* @__PURE__ */ e(u, {});
   }
 };
 export {
   f as M,
-  b as S
+  h as S
 };

package/dist/types/options.d.ts

@@ -5,6 +5,7 @@ export type Option<T extends string = string> = {
     icon?: ReactNode;
     disabled?: boolean;
     description?: string;
+    aliases?: string[];
 };
 export type PartialOption<T extends string = string> = Partial<Option<T>> & {
     value: T;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wrdagency/blockout",
-	"version": "1.0.30",
+	"version": "1.0.32",
 	"description": "A React component library created by WRD.agency",
 	"type": "module",
 	"main": "dist/index.js",