@geckoui/geckoui 1.3.1 → 1.3.3

package/README.md

@@ -133,6 +133,16 @@ All components are fully typed. Import types as needed:
 import type { ButtonProps, InputProps } from "@geckoui/geckoui";
 ```
 
+## AI Skills
+
+Install the GeckoUI skill to help AI assistants (Claude Code, etc.) generate accurate component code and themes:
+
+```
+npx skills add GeckoUI/skills
+```
+
+The skill provides component API references, theming variables, and class name mappings so AI agents can generate correct GeckoUI code without hallucination.
+
 ## License
 
 This project is licensed under the MIT License.

package/dist/index.css

@@ -194,8 +194,10 @@
 .GeckoUIMenu__items {
   z-index: 50;
   display: flex;
+  width: fit-content;
   flex-direction: column;
   justify-content: flex-start;
+  overflow-y: auto;
   border-radius: var(--radius-md, 0.375rem);
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -212,12 +214,6 @@
   --tw-outline-style: none;
   outline-style: none;
 }
-.GeckoUIMenu__scroll-container {
-  display: flex;
-  max-height: 300px;
-  flex-direction: column;
-  overflow-y: auto;
-}
 .GeckoUIMenu__item {
   box-sizing: border-box;
   border-width: 0;

package/dist/index.d.mts

@@ -3636,11 +3636,6 @@ declare const Menu: {
 };
 
 interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
-    /**
-     * Text label for the menu item.
-     * Used as the default rendered content if no `children` is provided.
-     */
-    label: string;
     /**
      * Whether the menu item is disabled
      */
@@ -3654,15 +3649,10 @@ interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCl
      * The menu will close automatically after the callback.
      */
     onClick?: () => void;
-    /**
-     * Custom content for the menu item.
-     * If not provided, `label` is rendered as text.
-     */
-    children?: ReactNode;
 }
 
 declare const MenuItem: {
-    ({ label, disabled, className, onClick, children, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
+    ({ disabled, className, onClick, children, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -3636,11 +3636,6 @@ declare const Menu: {
 };
 
 interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
-    /**
-     * Text label for the menu item.
-     * Used as the default rendered content if no `children` is provided.
-     */
-    label: string;
     /**
      * Whether the menu item is disabled
      */
@@ -3654,15 +3649,10 @@ interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onCl
      * The menu will close automatically after the callback.
      */
     onClick?: () => void;
-    /**
-     * Custom content for the menu item.
-     * If not provided, `label` is rendered as text.
-     */
-    children?: ReactNode;
 }
 
 declare const MenuItem: {
-    ({ label, disabled, className, onClick, children, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
+    ({ disabled, className, onClick, children, ...rest }: MenuItemProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/index.js

@@ -5083,8 +5083,8 @@ function ConfirmDialogContent({
 }
 var show2 = (options) => {
   Dialog_default.show(__spreadProps(__spreadValues({
-    dismissOnEsc: false,
-    dismissOnOutsideClick: false
+    dismissOnEsc: true,
+    dismissOnOutsideClick: true
   }, options), {
     className: classNames("GeckoUIConfirmDialog__dialog", options.className),
     content: ({ dismiss: dismiss2 }) => /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(ConfirmDialogContent, __spreadProps(__spreadValues({}, options), { dismiss: dismiss2 }))
@@ -5313,7 +5313,7 @@ var MenuPanel = ({ children, className }) => {
       style: floatingStyles,
       className: classNames("GeckoUIMenu__items", className),
       onKeyDown: handleKeyDown,
-      children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "GeckoUIMenu__scroll-container", children })
+      children
     }
   );
 };
@@ -5389,7 +5389,7 @@ var Menu_default = Menu;
 // src/components/Menu/MenuItem/MenuItem.tsx
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var MenuItem = (_a) => {
-  var _b = _a, { label, disabled, className, onClick, children } = _b, rest = __objRest(_b, ["label", "disabled", "className", "onClick", "children"]);
+  var _b = _a, { disabled, className, onClick, children } = _b, rest = __objRest(_b, ["disabled", "className", "onClick", "children"]);
   const { closeMenu } = useMenu();
   const handleClick = () => {
     if (disabled) return;
@@ -5413,7 +5413,7 @@ var MenuItem = (_a) => {
       onClick: disabled ? void 0 : handleClick,
       onKeyDown: handleKeyDown
     }, rest), {
-      children: children != null ? children : label
+      children
     })
   );
 };

package/dist/index.mjs

@@ -4995,8 +4995,8 @@ function ConfirmDialogContent({
 }
 var show2 = (options) => {
   Dialog_default.show(__spreadProps(__spreadValues({
-    dismissOnEsc: false,
-    dismissOnOutsideClick: false
+    dismissOnEsc: true,
+    dismissOnOutsideClick: true
   }, options), {
     className: classNames("GeckoUIConfirmDialog__dialog", options.className),
     content: ({ dismiss: dismiss2 }) => /* @__PURE__ */ jsx55(ConfirmDialogContent, __spreadProps(__spreadValues({}, options), { dismiss: dismiss2 }))
@@ -5225,7 +5225,7 @@ var MenuPanel = ({ children, className }) => {
       style: floatingStyles,
       className: classNames("GeckoUIMenu__items", className),
       onKeyDown: handleKeyDown,
-      children: /* @__PURE__ */ jsx60("div", { className: "GeckoUIMenu__scroll-container", children })
+      children
     }
   );
 };
@@ -5301,7 +5301,7 @@ var Menu_default = Menu;
 // src/components/Menu/MenuItem/MenuItem.tsx
 import { jsx as jsx62 } from "react/jsx-runtime";
 var MenuItem = (_a) => {
-  var _b = _a, { label, disabled, className, onClick, children } = _b, rest = __objRest(_b, ["label", "disabled", "className", "onClick", "children"]);
+  var _b = _a, { disabled, className, onClick, children } = _b, rest = __objRest(_b, ["disabled", "className", "onClick", "children"]);
   const { closeMenu } = useMenu();
   const handleClick = () => {
     if (disabled) return;
@@ -5325,7 +5325,7 @@ var MenuItem = (_a) => {
       onClick: disabled ? void 0 : handleClick,
       onKeyDown: handleKeyDown
     }, rest), {
-      children: children != null ? children : label
+      children
     })
   );
 };

package/dist/styles.css

@@ -194,8 +194,10 @@
 .GeckoUIMenu__items {
   z-index: 50;
   display: flex;
+  width: fit-content;
   flex-direction: column;
   justify-content: flex-start;
+  overflow-y: auto;
   border-radius: var(--radius-md, 0.375rem);
   border-style: var(--tw-border-style);
   border-width: 1px;
@@ -212,12 +214,6 @@
   --tw-outline-style: none;
   outline-style: none;
 }
-.GeckoUIMenu__scroll-container {
-  display: flex;
-  max-height: 300px;
-  flex-direction: column;
-  overflow-y: auto;
-}
 .GeckoUIMenu__item {
   box-sizing: border-box;
   border-width: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geckoui/geckoui",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "license": "MIT",
   "description": "The only thing our Gecko eats is bugs!",
   "keywords": [