@edux-design/buttons 0.0.2 → 0.0.4

package/src/elements/MenuButton.jsx

@@ -3,6 +3,29 @@ import { MenuButtonContext } from "../util/MenuButtonContext";
 import { cx } from "@edux-design/utils";
 import { Chevron } from "@edux-design/icons";
 
+/**
+ * Props for the MenuButton component.
+ *
+ * @typedef {Object} MenuButtonProps
+ * @property {React.ReactNode} [children] - Content to display inside the button (usually label or icon).
+ * @property {"small"|"medium"} [size="medium"] - Size variant controlling button height.
+ */
+
+/**
+ * MenuButton component.
+ *
+ * Provides a styled menu trigger button with optional sizing.
+ * It uses a `MenuButtonContext` provider to share internal state
+ * with child menu items.
+ *
+ * @component
+ * @type {React.FC<MenuButtonProps>}
+ *
+ * @example
+ * ```jsx
+ * <MenuButton size="small">Options</MenuButton>
+ * ```
+ */
 export function MenuButton({ children, size }) {
   const SPLIT_BUTTON_STYLES = cx(
     "w-[36px] border-l-[1px] border-l-black flex flex-row justify-center items-center",
@@ -11,9 +34,10 @@ export function MenuButton({ children, size }) {
       "h-[40px] py-2": size === "medium" || size === undefined,
     }
   );
+
   return (
     <MenuButtonContext.Provider value>
-      <div>{children}</div>
+      <div className={SPLIT_BUTTON_STYLES}>{children}</div>
       <Chevron />
     </MenuButtonContext.Provider>
   );

package/src/index.js

@@ -1,2 +1,5 @@
+export { IconButton } from "./elements/IconButton";
 export { Button } from "./elements/Button";
 export { MenuButton } from "./elements/MenuButton";
+export { ButtonGroup } from "./elements/ButtonGroup";
+export { ButtonGroupItem } from "./elements/ButtonGroupItem";

package/tsconfig.json

@@ -0,0 +1,12 @@
+
+{
+
+    "compilerOptions": {
+        "allowJs": true,
+        "checkJs": false,            
+        "declaration": true,
+        "emitDeclarationOnly": true, 
+        "jsx": "react-jsx",
+        "outDir": "dist"
+    }
+}