@bigbinary/neeto-atoms 1.0.52 → 1.0.54

package/dist/cjs/components/Empty.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Empty = require('../Empty-AEIH-jLF.js');
+var Empty = require('../Empty-D8g97TNM.js');
 require('react/jsx-runtime');
 require('react');
 require('../utils-BhM0B89p.js');
@@ -27,7 +27,7 @@ require('../index-CB9xFokC.js');
 require('../renderIcon-BRrpZu9a.js');
 require('../Typography-BW6xEk10.js');
 require('../index-DuNgWCXZ.js');
-require('../Button-BlNtYr1w.js');
+require('../Button-DiBYVj5m.js');
 require('react-router-dom');
 require('../primitives/Button.js');
 require('../button-CMl9rLXi.js');

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../Label-OpNoSl0F.js');
+var Label = require('../Label-DFLFi0tH.js');
 require('react/jsx-runtime');
 require('react');
 require('../utils-BhM0B89p.js');
@@ -31,7 +31,7 @@ require('../index-vioSzJOw.js');
 require('../primitives/HoverCard.js');
 require('../Typography-BW6xEk10.js');
 require('../index-DuNgWCXZ.js');
-require('../Button-BlNtYr1w.js');
+require('../Button-DiBYVj5m.js');
 require('react-router-dom');
 require('../primitives/Button.js');
 require('../button-CMl9rLXi.js');

package/dist/cjs/components/Sheet.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Sheet = require('../Sheet-mJ7pJHrn.js');
+var Sheet = require('../Sheet-By1W1pFD.js');
 require('react/jsx-runtime');
 require('react');
 require('../utils-BhM0B89p.js');

package/dist/cjs/components/index.js

@@ -2,27 +2,27 @@
 
 var components_DropdownMenu = require('./DropdownMenu.js');
 var Accordion = require('../Accordion-D75SDnkY.js');
-var Alert = require('../Alert-_TPuVqa5.js');
+var Alert = require('../Alert-Bo3a2nZt.js');
 var Avatar = require('../Avatar-nG7vhAUS.js');
+var Button = require('../Button-DiBYVj5m.js');
 var Badge = require('../Badge-Dz_Kb49L.js');
-var Button = require('../Button-BlNtYr1w.js');
 var Callout = require('../Callout-CYIrflF1.js');
 var Checkbox = require('../Checkbox-CxqWOvFN.js');
 var ColorPicker = require('../ColorPicker-rhCnblTv.js');
-var DataTable = require('../DataTable-CT2pgEhZ.js');
+var DataTable = require('../DataTable-DjQJLAya.js');
 var DatePicker = require('../DatePicker-JhQ7D2bu.js');
 var Dialog = require('../Dialog-CBSuKeu_.js');
-var Empty = require('../Empty-AEIH-jLF.js');
+var Empty = require('../Empty-D8g97TNM.js');
 var Input = require('../Input-BQh-GS_w.js');
 var Kbd = require('../Kbd-BvC3VSNb.js');
-var Label = require('../Label-OpNoSl0F.js');
+var Label = require('../Label-DFLFi0tH.js');
 var MultiEmailInput = require('../MultiEmailInput-KmN2BSaX.js');
 var Pagination = require('../Pagination-DeWfLAq5.js');
 var Popover = require('../Popover-DuRSsDHz.js');
 var Progress = require('../Progress-yBpMAzIU.js');
 var RadioGroup = require('../RadioGroup-CkKlLHnR.js');
 var Select = require('../Select-DC23xcMU.js');
-var Sheet = require('../Sheet-mJ7pJHrn.js');
+var Sheet = require('../Sheet-By1W1pFD.js');
 var Slider = require('../Slider-ICf2eQ6p.js');
 var Spinner = require('../Spinner-DzNBz8al.js');
 var Stepper = require('../Stepper-DZb25oBH.js');
@@ -66,7 +66,6 @@ require('../index-Df-Ffa3s.js');
 require('../index-DcCSSgb7.js');
 require('../index-DoVhdseB.js');
 require('react-i18next');
-require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Button.js');
 require('../button-CMl9rLXi.js');
 require('../index-vioSzJOw.js');
@@ -74,6 +73,7 @@ require('../index-DuNgWCXZ.js');
 require('../primitives/ButtonGroup.js');
 require('../separator-DSL-aG1J.js');
 require('../chevron-down-CPsWSS51.js');
+require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Accordion.js');
 require('../chevron-up-BpwpBnZU.js');
 require('../index-BiGm7NEA.js');
@@ -87,10 +87,10 @@ require('../index-BrpkRQoS.js');
 require('../primitives/Tooltip.js');
 require('../tooltip-BYCcUMZn.js');
 require('../index-CB9xFokC.js');
-require('../primitives/Badge.js');
 require('react-router-dom');
 require('../primitives/Spinner.js');
 require('../loader-circle-Bw7zP2Gn.js');
+require('../primitives/Badge.js');
 require('../primitives/Alert.js');
 require('../triangle-alert-CC-cck8p.js');
 require('../info-DGfDptn1.js');
@@ -140,8 +140,10 @@ exports.DropdownMenu = components_DropdownMenu.DropdownMenu;
 exports.Accordion = Accordion.Accordion;
 exports.Alert = Alert.Alert;
 exports.Avatar = Avatar.AvatarNamespace;
-exports.Badge = Badge.Badge;
+exports.BUTTON_SIZES = Button.BUTTON_SIZES;
+exports.BUTTON_VARIANTS = Button.BUTTON_VARIANTS;
 exports.Button = Button.Button;
+exports.Badge = Badge.Badge;
 exports.Callout = Callout.Callout;
 exports.Checkbox = Checkbox.Checkbox;
 exports.ColorPicker = ColorPicker.ColorPicker;

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/formik/ActionBlock.js

@@ -5,7 +5,7 @@ var React = require('react');
 var formik = require('formik');
 var utils = require('../utils-BhM0B89p.js');
 var formik_Button = require('./Button.js');
-var Button = require('../Button-BlNtYr1w.js');
+var Button = require('../Button-DiBYVj5m.js');
 require('ramda');
 require('react-router-dom');
 require('../renderIcon-BRrpZu9a.js');

package/dist/cjs/formik/BlockNavigation.js

@@ -5,7 +5,7 @@ var formik = require('formik');
 var React = require('react');
 var reactRouterDom = require('react-router-dom');
 var Dialog = require('../Dialog-CBSuKeu_.js');
-var Button = require('../Button-BlNtYr1w.js');
+var Button = require('../Button-DiBYVj5m.js');
 require('../utils-BhM0B89p.js');
 require('../primitives/Dialog.js');
 require('../button-CMl9rLXi.js');

package/dist/cjs/formik/Button.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var formik = require('formik');
 var ramda = require('ramda');
-var Button = require('../Button-BlNtYr1w.js');
+var Button = require('../Button-DiBYVj5m.js');
 require('react-router-dom');
 require('../utils-BhM0B89p.js');
 require('../renderIcon-BRrpZu9a.js');

package/dist/cjs/formik/index.js

@@ -81,7 +81,7 @@ require('../Tree-DAyVPLnJ.js');
 require('../chevron-right-0jNdwX2Q.js');
 require('../redux-DEF7lAd1.js');
 require('../MultiEmailInput-KmN2BSaX.js');
-require('../Button-BlNtYr1w.js');
+require('../Button-DiBYVj5m.js');
 require('react-router-dom');
 require('../renderIcon-BRrpZu9a.js');
 require('../primitives/Button.js');

package/dist/cjs/index.js

@@ -6,28 +6,28 @@ var components_DropdownMenu = require('./components/DropdownMenu.js');
 var useMobile = require('./use-mobile-Be9CI6km.js');
 var utils = require('./utils-BhM0B89p.js');
 var Accordion = require('./Accordion-D75SDnkY.js');
-var Alert = require('./Alert-_TPuVqa5.js');
+var Alert = require('./Alert-Bo3a2nZt.js');
 var Avatar = require('./Avatar-nG7vhAUS.js');
 var Badge = require('./Badge-Dz_Kb49L.js');
-var Button = require('./Button-BlNtYr1w.js');
+var Button = require('./Button-DiBYVj5m.js');
 var Callout = require('./Callout-CYIrflF1.js');
 var Checkbox = require('./Checkbox-CxqWOvFN.js');
 var ColorPicker = require('./ColorPicker-rhCnblTv.js');
-var DataTable = require('./DataTable-CT2pgEhZ.js');
+var DataTable = require('./DataTable-DjQJLAya.js');
 var DatePicker = require('./DatePicker-JhQ7D2bu.js');
 var Dialog = require('./Dialog-CBSuKeu_.js');
 var DirectionProvider = require('./DirectionProvider-BTtE4FcN.js');
-var Empty = require('./Empty-AEIH-jLF.js');
+var Empty = require('./Empty-D8g97TNM.js');
 var Input = require('./Input-BQh-GS_w.js');
 var Kbd = require('./Kbd-BvC3VSNb.js');
-var Label = require('./Label-OpNoSl0F.js');
+var Label = require('./Label-DFLFi0tH.js');
 var MultiEmailInput = require('./MultiEmailInput-KmN2BSaX.js');
 var Pagination = require('./Pagination-DeWfLAq5.js');
 var Popover = require('./Popover-DuRSsDHz.js');
 var Progress = require('./Progress-yBpMAzIU.js');
 var RadioGroup = require('./RadioGroup-CkKlLHnR.js');
 var Select = require('./Select-DC23xcMU.js');
-var Sheet = require('./Sheet-mJ7pJHrn.js');
+var Sheet = require('./Sheet-By1W1pFD.js');
 var Slider = require('./Slider-ICf2eQ6p.js');
 var Spinner = require('./Spinner-DzNBz8al.js');
 var Stepper = require('./Stepper-DZb25oBH.js');
@@ -68,7 +68,6 @@ require('./index-Bf0WsHta.js');
 require('./index-Df-Ffa3s.js');
 require('./index-DcCSSgb7.js');
 require('./index-DoVhdseB.js');
-require('./renderIcon-BRrpZu9a.js');
 require('./primitives/Button.js');
 require('./button-CMl9rLXi.js');
 require('./index-vioSzJOw.js');
@@ -76,6 +75,7 @@ require('./index-DuNgWCXZ.js');
 require('./primitives/ButtonGroup.js');
 require('./separator-DSL-aG1J.js');
 require('./chevron-down-CPsWSS51.js');
+require('./renderIcon-BRrpZu9a.js');
 require('./primitives/Accordion.js');
 require('./chevron-up-BpwpBnZU.js');
 require('./index-BiGm7NEA.js');

package/dist/components/Alert.js

@@ -1,4 +1,4 @@
-export { A as Alert } from '../Alert-bS5M631u.js';
+export { A as Alert } from '../Alert-e3-iV-6f.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-i18next';
@@ -24,7 +24,7 @@ import '../index-CSUSJzOJ.js';
 import '../index-Jr4soqx3.js';
 import '../index-fV_U4ZJM.js';
 import '../index-yFgkK_AM.js';
-import '../Button-BCWJgHDy.js';
+import '../Button-DwiKU1ab.js';
 import 'react-router-dom';
 import '../renderIcon-C6twJSqH.js';
 import '../primitives/Button.js';

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,9 @@
 import React, { type ReactNode, type MouseEvent } from "react";
 import { type IconProp } from "src/lib/renderIcon";
-type ButtonVariant = "default" | "secondary" | "destructive" | "destructive-soft" | "outline" | "ghost" | "link";
-type ButtonSize = "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg";
+export declare const BUTTON_VARIANTS: readonly ["default", "secondary", "destructive", "destructive-soft", "outline", "ghost", "link"];
+export declare const BUTTON_SIZES: readonly ["default", "xs", "sm", "lg", "icon", "icon-xs", "icon-sm", "icon-lg"];
+export type ButtonVariant = (typeof BUTTON_VARIANTS)[number];
+export type ButtonSize = (typeof BUTTON_SIZES)[number];
 type IconPosition = "left" | "right";
 type ButtonType = "button" | "reset" | "submit";
 interface ButtonTooltipProps {
@@ -40,6 +42,12 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     tooltipProps?: ButtonTooltipProps | null;
     /** Render as a custom element (polymorphic). */
     asChild?: boolean;
+    /**
+     * Content rendered after the label and any right-side icon (e.g., a trailing
+     * chevron, badge, or shortcut indicator). Auto-wrapped with
+     * `data-icon="inline-end"` so the button's compact end-padding kicks in.
+     */
+    trailing?: ReactNode;
     /** Children rendered inside the button (fallback for `label`). */
     children?: ReactNode;
 }

package/dist/components/Button/index.d.ts

@@ -1,2 +1,2 @@
-export { Button } from "./Button";
-export type { ButtonProps } from "./Button";
+export { Button, BUTTON_VARIANTS, BUTTON_SIZES } from "./Button";
+export type { ButtonProps, ButtonVariant, ButtonSize } from "./Button";

package/dist/components/Button.js

@@ -1,4 +1,4 @@
-export { B as Button } from '../Button-BCWJgHDy.js';
+export { B as BUTTON_SIZES, a as BUTTON_VARIANTS, b as Button } from '../Button-DwiKU1ab.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-router-dom';

package/dist/components/DataTable.js

@@ -1,4 +1,4 @@
-export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-1-31X8Kf.js';
+export { D as DataTable, u as useColumnOrdering, a as useColumnPinning, b as useColumnVisibility, c as useTablePagination, d as useTableSelection, e as useTableSort } from '../DataTable-DuHFwJj9.js';
 import 'react/jsx-runtime';
 import 'react';
 import '../primitives/Table.js';
@@ -39,7 +39,7 @@ import '../index-C3hByjk3.js';
 import '../floating-ui.react-dom-D8_f_WWh.js';
 import '../index-fV_U4ZJM.js';
 import '../index-DT56XkyA.js';
-import '../Button-BCWJgHDy.js';
+import '../Button-DwiKU1ab.js';
 import 'react-router-dom';
 import '../renderIcon-C6twJSqH.js';
 import '../primitives/Tooltip.js';

package/dist/components/DropdownMenu/DropdownBase.d.ts

@@ -1,3 +1,3 @@
 import { type DropdownProps } from "./types";
-declare const DropdownBase: ({ label, icon, buttonStyle, buttonSize, buttonProps, customTarget, disabled, children, position, closeOnEsc, closeOnSelect, closeOnOutsideClick, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const DropdownBase: ({ label, icon, buttonProps, customTarget, disabled, children, position, closeOnEsc, closeOnSelect, closeOnOutsideClick, isOpen: isOpenProp, onClose, onClick, className, triggerRef, dropdownProps, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export { DropdownBase };

package/dist/components/DropdownMenu/constants.d.ts

@@ -1,7 +1,2 @@
-import type { ButtonSize, ButtonStyle } from "./types";
 export declare const SIDE_MAP: Record<string, "top" | "right" | "bottom" | "left">;
 export declare const ALIGN_MAP: Record<string, "start" | "center" | "end">;
-export declare const BUTTON_STYLE_MAP: Record<ButtonStyle, "default" | "secondary" | "destructive" | "outline" | "ghost" | "link">;
-export declare const BUTTON_SIZE_MAP: Record<ButtonSize, "sm" | "default" | "lg">;
-export declare const MENU_ITEM_STYLE_MAP: Record<"default" | "danger", "default" | "destructive">;
-export declare const CHEVRON_SIZE_MAP: Record<ButtonSize, string>;

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

@@ -1,17 +1,31 @@
 import { type ReactNode, type Ref } from "react";
-import { Button as PrimitiveButton } from "src/primitives/Button";
 import { DropdownMenuContent, DropdownMenuItem as PrimitiveDropdownMenuItem } from "src/primitives/DropdownMenu";
+import type { ButtonProps } from "src/components/Button";
 import type { IconProp } from "src/lib/renderIcon";
 export type DropdownPosition = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "auto";
-export type ButtonStyle = "primary" | "secondary" | "tertiary" | "text" | "danger" | "danger-text" | "link";
-export type ButtonSize = "small" | "medium" | "large";
-export type MenuItemButtonStyle = "default" | "danger";
+/**
+ * Mirrors the primitive `DropdownMenuItem`'s `variant` vocabulary so the
+ * wrapper speaks the same language. Keep in sync with Radix primitive.
+ */
+export type MenuItemVariant = "default" | "destructive";
+/**
+ * Props forwarded to the trigger button. Sourced from the `Button` wrapper,
+ * so consumers can pass `variant`, `size`, `loading`, `tooltipProps`,
+ * `fullWidth`, `iconPosition`, etc.
+ *
+ * The dropdown owns these and so they are excluded:
+ * - `label`/`icon`: top-level props on `DropdownMenu`
+ * - `trailing`: the chevron
+ * - `disabled`: `DropdownMenu`'s own `disabled` prop is authoritative
+ * - `onClick`: use `DropdownMenu`'s `onClick` (drives split-button mode)
+ * - `to`/`href`: a navigating trigger doesn't open a menu
+ * - `asChild`/`children`: use `customTarget` / `label` instead
+ */
+export type DropdownButtonProps = Omit<ButtonProps, "label" | "icon" | "trailing" | "disabled" | "onClick" | "to" | "href" | "asChild" | "children">;
 export interface BaseTriggerProps {
     label?: string;
     icon?: IconProp;
-    buttonStyle: ButtonStyle;
-    buttonSize: ButtonSize;
-    buttonProps?: Omit<React.ComponentProps<typeof PrimitiveButton>, "variant" | "size" | "disabled">;
+    buttonProps?: DropdownButtonProps;
     disabled: boolean;
     isOpen: boolean;
     onClick?: (e: React.MouseEvent) => void;
@@ -21,12 +35,14 @@ export interface DropdownProps {
     label?: string;
     /** Icon rendered inside the trigger button. */
     icon?: IconProp;
-    /** Visual style of the trigger button(s). */
-    buttonStyle?: ButtonStyle;
-    /** Size of the trigger button(s). */
-    buttonSize?: ButtonSize;
-    /** Extra props forwarded to the trigger button. In split-button mode, forwarded to the action button. */
-    buttonProps?: Omit<React.ComponentProps<typeof PrimitiveButton>, "variant" | "size" | "disabled">;
+    /**
+     * Props forwarded to the trigger button (variant, size, className,
+     * loading, tooltipProps, fullWidth, iconPosition, …). In split-button
+     * mode, forwarded to the action button; the chevron half visually mirrors
+     * `variant`/`size`. Accepts the full `Button` prop type minus the props
+     * the dropdown controls.
+     */
+    buttonProps?: DropdownButtonProps;
     /** Custom trigger element. Overrides the default button trigger. */
     customTarget?: ReactNode | ((props: {
         isOpen: boolean;
@@ -61,13 +77,13 @@ export interface DropdownProps {
     /** Extra props forwarded to the DropdownMenuContent. */
     dropdownProps?: Omit<React.ComponentProps<typeof DropdownMenuContent>, "side" | "align">;
 }
-export interface MenuItemProps extends Omit<React.ComponentProps<typeof PrimitiveDropdownMenuItem>, "prefix" | "style" | "onClick"> {
+export interface MenuItemProps extends Omit<React.ComponentProps<typeof PrimitiveDropdownMenuItem>, "prefix" | "variant" | "onClick"> {
     /** Highlight as active. */
     isActive?: boolean;
     /** Disable the menu item. */
     isDisabled?: boolean;
-    /** Visual style of the menu item. */
-    style?: MenuItemButtonStyle;
+    /** Visual variant of the menu item. */
+    variant?: MenuItemVariant;
     /** Content rendered before the label. */
     prefix?: ReactNode;
     /** Content rendered after the label. */

package/dist/components/DropdownMenu.js

@@ -3,10 +3,11 @@ import { forwardRef, createContext, useState, useCallback, useContext, useMemo }
 import { DropdownMenuTrigger, DropdownMenu as DropdownMenu$1, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuLabel, DropdownMenuGroup, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from '../primitives/DropdownMenu.js';
 import { useTranslation } from 'react-i18next';
 import { c as cn } from '../utils-BJnb9o5c.js';
-import { r as renderIcon } from '../renderIcon-C6twJSqH.js';
-import { Button } from '../primitives/Button.js';
+import { Button as Button$1 } from '../primitives/Button.js';
 import { ButtonGroup } from '../primitives/ButtonGroup.js';
+import { b as Button } from '../Button-DwiKU1ab.js';
 import { C as ChevronDown } from '../chevron-down-BNi0ntys.js';
+import { r as renderIcon } from '../renderIcon-C6twJSqH.js';
 import '../chevron-right-DQnrO-ek.js';
 import '../createLucideIcon-C8ycilSN.js';
 import '../check-Cpkv29p1.js';
@@ -34,6 +35,12 @@ import '../button-CrEMzWKw.js';
 import '../index-Bo3AAQJp.js';
 import '../index-CfriMyrd.js';
 import '../separator-ByRsc-y-.js';
+import 'react-router-dom';
+import '../primitives/Spinner.js';
+import '../loader-circle-DycHUAWN.js';
+import '../primitives/Tooltip.js';
+import '../tooltip-ChQ9xD1j.js';
+import '../index-CSggBaQF.js';
 
 const SIDE_MAP = {
   top: "top",
@@ -65,36 +72,11 @@ const ALIGN_MAP = {
   "right-end": "end",
   auto: "end"
 };
-const BUTTON_STYLE_MAP = {
-  primary: "default",
-  secondary: "secondary",
-  tertiary: "outline",
-  text: "ghost",
-  danger: "destructive",
-  "danger-text": "ghost",
-  link: "link"
-};
-const BUTTON_SIZE_MAP = {
-  small: "sm",
-  medium: "default",
-  large: "lg"
-};
-const MENU_ITEM_STYLE_MAP = {
-  default: "default",
-  danger: "destructive"
-};
-const CHEVRON_SIZE_MAP = {
-  small: "size-3.5",
-  medium: "size-4",
-  large: "size-4"
-};
 
 const SplitTrigger = forwardRef(
   ({
     label,
     icon,
-    buttonStyle,
-    buttonSize,
     buttonProps,
     disabled,
     isOpen,
@@ -104,8 +86,8 @@ const SplitTrigger = forwardRef(
     ...otherProps
   }, ref) => {
     const { t } = useTranslation();
-    const variant = BUTTON_STYLE_MAP[buttonStyle];
-    const size = BUTTON_SIZE_MAP[buttonSize];
+    const variant = buttonProps?.variant;
+    const size = buttonProps?.size;
     return /* @__PURE__ */ jsxs(
       ButtonGroup,
       {
@@ -113,25 +95,22 @@ const SplitTrigger = forwardRef(
         className: cn("neeto-ui-action-dropdown", className),
         ...otherProps,
         children: [
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(
             Button,
             {
               ref: actionButtonRef,
               type: "button",
-              variant,
-              size,
+              label,
+              icon,
+              iconPosition: "left",
               disabled,
-              onClick,
-              "data-testid": "action-dropdown-btn",
               ...buttonProps,
-              children: [
-                icon && renderIcon(icon, "size-4"),
-                label && /* @__PURE__ */ jsx("span", { children: label })
-              ]
+              onClick,
+              "data-testid": "action-dropdown-btn"
             }
           ),
           /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsx(
-            Button,
+            Button$1,
             {
               type: "button",
               variant,
@@ -147,7 +126,6 @@ const SplitTrigger = forwardRef(
                 {
                   "aria-hidden": "true",
                   className: cn(
-                    CHEVRON_SIZE_MAP[buttonSize],
                     "shrink-0 transition-transform duration-200",
                     isOpen && "rotate-180"
                   )
@@ -166,8 +144,6 @@ const TriggerButton = forwardRef(
   ({
     label,
     icon,
-    buttonStyle,
-    buttonSize,
     buttonProps,
     disabled,
     isOpen,
@@ -179,32 +155,24 @@ const TriggerButton = forwardRef(
     {
       ref,
       type: "button",
-      variant: BUTTON_STYLE_MAP[buttonStyle],
-      size: BUTTON_SIZE_MAP[buttonSize],
-      disabled,
-      className: cn(
-        buttonStyle === "danger-text" && "text-destructive hover:text-destructive",
-        "gap-1.5",
-        className
+      label,
+      icon,
+      iconPosition: "left",
+      trailing: /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          "aria-hidden": "true",
+          className: cn(
+            "shrink-0 transition-transform duration-200",
+            isOpen && "rotate-180"
+          )
+        }
       ),
-      onClick,
+      disabled,
       ...otherProps,
       ...buttonProps,
-      children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-        icon && renderIcon(icon, "size-4"),
-        label && /* @__PURE__ */ jsx("span", { children: label }),
-        /* @__PURE__ */ jsx(
-          ChevronDown,
-          {
-            "aria-hidden": "true",
-            className: cn(
-              CHEVRON_SIZE_MAP[buttonSize],
-              "shrink-0 transition-transform duration-200",
-              isOpen && "rotate-180"
-            )
-          }
-        )
-      ] })
+      onClick,
+      className: cn(className, buttonProps?.className)
     }
   )
 );
@@ -215,8 +183,6 @@ const DropdownContext = createContext({ closeOnSelect: true });
 const DropdownBase = ({
   label,
   icon,
-  buttonStyle = "primary",
-  buttonSize = "medium",
   buttonProps,
   customTarget,
   disabled = false,
@@ -248,8 +214,6 @@ const DropdownBase = ({
   const sharedTriggerProps = {
     label,
     icon,
-    buttonStyle,
-    buttonSize,
     buttonProps,
     disabled,
     isOpen: open,
@@ -313,21 +277,19 @@ const MenuItem = forwardRef(
     children,
     isActive = false,
     isDisabled = false,
-    style = "default",
+    variant = "default",
     prefix,
     suffix,
     to,
     href,
     className,
     onClick,
-    variant: _variant,
     disabled: _disabled,
     asChild: _asChild,
     onSelect: _onSelect,
     ...otherProps
   }, ref) => {
     const { closeOnSelect } = useContext(DropdownContext);
-    const variant = MENU_ITEM_STYLE_MAP[style];
     const linkHref = to ?? href;
     const handleSelect = useCallback(
       (e) => {