@lateralus-ai/shipping-ui 2.0.0-dev.26 → 2.0.0-dev.28

package/dist/primitives/Button.d.ts

@@ -13,10 +13,12 @@ export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "childre
     disabled?: boolean;
     icon?: ComponentType<IconProps> | ReactNode;
     startIcon?: ComponentType<IconProps> | ReactNode;
+    /** Renders after the label, inside the same button (no split/dropdown segment). */
+    endIcon?: ComponentType<IconProps> | ReactNode;
     dropdownOptions?: ButtonDropdownOption[];
     dropdownOpen?: boolean;
     onDropdownOpenChange?: (open: boolean) => void;
     forcedState?: ButtonAppearance;
     children: ReactNode;
 };
-export declare const Button: ({ hierarchy, disabled, icon, startIcon, dropdownOptions, dropdownOpen, onDropdownOpenChange, forcedState, children, className, type, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ hierarchy, disabled, icon, startIcon, endIcon, dropdownOptions, dropdownOpen, onDropdownOpenChange, forcedState, children, className, type, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lateralus-ai/shipping-ui",
-  "version": "2.0.0-dev.26",
+  "version": "2.0.0-dev.28",
   "description": "Shared UI theme and components for Lateralus shipping applications",
   "main": "dist/index.cjs",
   "module": "dist/index.esm.js",

package/src/primitives/Button.tsx

@@ -34,6 +34,8 @@ export type ButtonProps = Omit<
   disabled?: boolean;
   icon?: ComponentType<IconProps> | ReactNode;
   startIcon?: ComponentType<IconProps> | ReactNode;
+  /** Renders after the label, inside the same button (no split/dropdown segment). */
+  endIcon?: ComponentType<IconProps> | ReactNode;
   dropdownOptions?: ButtonDropdownOption[];
   dropdownOpen?: boolean;
   onDropdownOpenChange?: (open: boolean) => void;
@@ -110,6 +112,7 @@ export const Button = ({
   disabled = false,
   icon,
   startIcon,
+  endIcon,
   dropdownOptions,
   dropdownOpen,
   onDropdownOpenChange,
@@ -122,7 +125,8 @@ export const Button = ({
 }: ButtonProps) => {
   const resolvedIcon = icon ?? startIcon;
   const renderedIcon = renderIcon(resolvedIcon);
-  const hasIcon = renderedIcon != null;
+  const renderedEndIcon = renderIcon(endIcon);
+  const hasIcon = renderedIcon != null || renderedEndIcon != null;
   const hasDropdown = Boolean(dropdownOptions?.length);
   const dropdownDisabled = !dropdownOptions?.some((option) => !option.disabled);
   const mainAppearance = getAppearance(disabled, forcedState);
@@ -148,6 +152,7 @@ export const Button = ({
     >
       {renderedIcon}
       <span>{children}</span>
+      {renderedEndIcon}
     </span>
   );