@bolttech/atoms-button 0.27.1 → 0.29.0

package/{index.cjs → index.cjs.js}

@@ -1,17 +1,15 @@
 'use client';
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var atomsIcon = require('@bolttech/atoms-icon');
 var styled = require('styled-components');
 var uiUtils = require('@bolttech/ui-utils');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -20,7 +18,7 @@ var check = function (it) {
 };
 
 // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-var global$a =
+var globalThis_1 =
   // eslint-disable-next-line es/no-global-this -- safe
   check(typeof globalThis == 'object' && globalThis) ||
   check(typeof window == 'object' && window) ||
@@ -61,7 +59,7 @@ var functionBindNative = !fails$7(function () {
 var NATIVE_BIND$1 = functionBindNative;
 
 var call$5 = Function.prototype.call;
-
+// eslint-disable-next-line es/no-function-prototype-bind -- safe
 var functionCall = NATIVE_BIND$1 ? call$5.bind(call$5) : function () {
   return call$5.apply(call$5, arguments);
 };
@@ -95,6 +93,7 @@ var NATIVE_BIND = functionBindNative;
 
 var FunctionPrototype$1 = Function.prototype;
 var call$4 = FunctionPrototype$1.call;
+// eslint-disable-next-line es/no-function-prototype-bind -- safe
 var uncurryThisWithBind = NATIVE_BIND && FunctionPrototype$1.bind.bind(call$4, call$4);
 
 var functionUncurryThis = NATIVE_BIND ? uncurryThisWithBind : function (fn) {
@@ -167,11 +166,11 @@ var isCallable$a = typeof documentAll == 'undefined' && documentAll !== undefine
 
 var isCallable$9 = isCallable$a;
 
-var isObject$5 = function (it) {
+var isObject$4 = function (it) {
   return typeof it == 'object' ? it !== null : isCallable$9(it);
 };
 
-var global$9 = global$a;
+var globalThis$b = globalThis_1;
 var isCallable$8 = isCallable$a;
 
 var aFunction = function (argument) {
@@ -179,20 +178,25 @@ var aFunction = function (argument) {
 };
 
 var getBuiltIn$2 = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(global$9[namespace]) : global$9[namespace] && global$9[namespace][method];
+  return arguments.length < 2 ? aFunction(globalThis$b[namespace]) : globalThis$b[namespace] && globalThis$b[namespace][method];
 };
 
 var uncurryThis$7 = functionUncurryThis;
 
 var objectIsPrototypeOf = uncurryThis$7({}.isPrototypeOf);
 
-var engineUserAgent = typeof navigator != 'undefined' && String(navigator.userAgent) || '';
+var globalThis$a = globalThis_1;
+
+var navigator = globalThis$a.navigator;
+var userAgent$1 = navigator && navigator.userAgent;
 
-var global$8 = global$a;
-var userAgent = engineUserAgent;
+var environmentUserAgent = userAgent$1 ? String(userAgent$1) : '';
 
-var process = global$8.process;
-var Deno = global$8.Deno;
+var globalThis$9 = globalThis_1;
+var userAgent = environmentUserAgent;
+
+var process = globalThis$9.process;
+var Deno = globalThis$9.Deno;
 var versions = process && process.versions || Deno && Deno.version;
 var v8 = versions && versions.v8;
 var match, version;
@@ -214,14 +218,14 @@ if (!version && userAgent) {
   }
 }
 
-var engineV8Version = version;
+var environmentV8Version = version;
 
 /* eslint-disable es/no-symbol -- required for testing */
-var V8_VERSION = engineV8Version;
+var V8_VERSION = environmentV8Version;
 var fails$5 = fails$9;
-var global$7 = global$a;
+var globalThis$8 = globalThis_1;
 
-var $String$3 = global$7.String;
+var $String$3 = globalThis$8.String;
 
 // eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
 var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(function () {
@@ -238,9 +242,9 @@ var symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails$5(func
 /* eslint-disable es/no-symbol -- required for testing */
 var NATIVE_SYMBOL$1 = symbolConstructorDetection;
 
-var useSymbolAsUid = NATIVE_SYMBOL$1
-  && !Symbol.sham
-  && typeof Symbol.iterator == 'symbol';
+var useSymbolAsUid = NATIVE_SYMBOL$1 &&
+  !Symbol.sham &&
+  typeof Symbol.iterator == 'symbol';
 
 var getBuiltIn$1 = getBuiltIn$2;
 var isCallable$7 = isCallable$a;
@@ -289,7 +293,7 @@ var getMethod$1 = function (V, P) {
 
 var call$3 = functionCall;
 var isCallable$5 = isCallable$a;
-var isObject$4 = isObject$5;
+var isObject$3 = isObject$4;
 
 var $TypeError$3 = TypeError;
 
@@ -297,42 +301,44 @@ var $TypeError$3 = TypeError;
 // https://tc39.es/ecma262/#sec-ordinarytoprimitive
 var ordinaryToPrimitive$1 = function (input, pref) {
   var fn, val;
-  if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
-  if (isCallable$5(fn = input.valueOf) && !isObject$4(val = call$3(fn, input))) return val;
-  if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$4(val = call$3(fn, input))) return val;
+  if (pref === 'string' && isCallable$5(fn = input.toString) && !isObject$3(val = call$3(fn, input))) return val;
+  if (isCallable$5(fn = input.valueOf) && !isObject$3(val = call$3(fn, input))) return val;
+  if (pref !== 'string' && isCallable$5(fn = input.toString) && !isObject$3(val = call$3(fn, input))) return val;
   throw new $TypeError$3("Can't convert object to primitive value");
 };
 
 var sharedStore = {exports: {}};
 
-var global$6 = global$a;
+var globalThis$7 = globalThis_1;
 
 // eslint-disable-next-line es/no-object-defineproperty -- safe
 var defineProperty$2 = Object.defineProperty;
 
 var defineGlobalProperty$3 = function (key, value) {
   try {
-    defineProperty$2(global$6, key, { value: value, configurable: true, writable: true });
+    defineProperty$2(globalThis$7, key, { value: value, configurable: true, writable: true });
   } catch (error) {
-    global$6[key] = value;
+    globalThis$7[key] = value;
   } return value;
 };
 
-var globalThis$1 = global$a;
+var globalThis$6 = globalThis_1;
 var defineGlobalProperty$2 = defineGlobalProperty$3;
 
 var SHARED = '__core-js_shared__';
-var store$3 = sharedStore.exports = globalThis$1[SHARED] || defineGlobalProperty$2(SHARED, {});
+var store$3 = sharedStore.exports = globalThis$6[SHARED] || defineGlobalProperty$2(SHARED, {});
 
 (store$3.versions || (store$3.versions = [])).push({
-  version: '3.37.1',
+  version: '3.45.0',
   mode: 'global',
-  copyright: '© 2014-2024 Denis Pushkarev (zloirock.ru)',
-  license: 'https://github.com/zloirock/core-js/blob/v3.37.1/LICENSE',
+  copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
+  license: 'https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE',
   source: 'https://github.com/zloirock/core-js'
 });
 
-var store$2 = sharedStore.exports;
+var sharedStoreExports = sharedStore.exports;
+
+var store$2 = sharedStoreExports;
 
 var shared$3 = function (key, value) {
   return store$2[key] || (store$2[key] = value || {});
@@ -364,20 +370,20 @@ var uncurryThis$5 = functionUncurryThis;
 
 var id = 0;
 var postfix = Math.random();
-var toString = uncurryThis$5(1.0.toString);
+var toString = uncurryThis$5(1.1.toString);
 
 var uid$2 = function (key) {
   return 'Symbol(' + (key === undefined ? '' : key) + ')_' + toString(++id + postfix, 36);
 };
 
-var global$5 = global$a;
+var globalThis$5 = globalThis_1;
 var shared$2 = shared$3;
 var hasOwn$6 = hasOwnProperty_1;
 var uid$1 = uid$2;
 var NATIVE_SYMBOL = symbolConstructorDetection;
 var USE_SYMBOL_AS_UID = useSymbolAsUid;
 
-var Symbol$1 = global$5.Symbol;
+var Symbol$1 = globalThis$5.Symbol;
 var WellKnownSymbolsStore = shared$2('wks');
 var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol$1['for'] || Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid$1;
 
@@ -390,7 +396,7 @@ var wellKnownSymbol$1 = function (name) {
 };
 
 var call$2 = functionCall;
-var isObject$3 = isObject$5;
+var isObject$2 = isObject$4;
 var isSymbol$1 = isSymbol$2;
 var getMethod = getMethod$1;
 var ordinaryToPrimitive = ordinaryToPrimitive$1;
@@ -402,13 +408,13 @@ var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
 // `ToPrimitive` abstract operation
 // https://tc39.es/ecma262/#sec-toprimitive
 var toPrimitive$1 = function (input, pref) {
-  if (!isObject$3(input) || isSymbol$1(input)) return input;
+  if (!isObject$2(input) || isSymbol$1(input)) return input;
   var exoticToPrim = getMethod(input, TO_PRIMITIVE);
   var result;
   if (exoticToPrim) {
     if (pref === undefined) pref = 'default';
     result = call$2(exoticToPrim, input, pref);
-    if (!isObject$3(result) || isSymbol$1(result)) return result;
+    if (!isObject$2(result) || isSymbol$1(result)) return result;
     throw new $TypeError$2("Can't convert object to primitive value");
   }
   if (pref === undefined) pref = 'number';
@@ -425,12 +431,12 @@ var toPropertyKey$2 = function (argument) {
   return isSymbol(key) ? key : key + '';
 };
 
-var global$4 = global$a;
-var isObject$2 = isObject$5;
+var globalThis$4 = globalThis_1;
+var isObject$1 = isObject$4;
 
-var document$1 = global$4.document;
+var document$1 = globalThis$4.document;
 // typeof document.createElement is 'object' in old IE
-var EXISTS$1 = isObject$2(document$1) && isObject$2(document$1.createElement);
+var EXISTS$1 = isObject$1(document$1) && isObject$1(document$1.createElement);
 
 var documentCreateElement = function (it) {
   return EXISTS$1 ? document$1.createElement(it) : {};
@@ -486,14 +492,14 @@ var v8PrototypeDefineBug = DESCRIPTORS$5 && fails$3(function () {
   }).prototype !== 42;
 });
 
-var isObject$1 = isObject$5;
+var isObject = isObject$4;
 
 var $String$1 = String;
 var $TypeError$1 = TypeError;
 
 // `Assert: Type(argument) is Object`
 var anObject$2 = function (argument) {
-  if (isObject$1(argument)) return argument;
+  if (isObject(argument)) return argument;
   throw new $TypeError$1($String$1(argument) + ' is not an object');
 };
 
@@ -562,19 +568,15 @@ var FunctionPrototype = Function.prototype;
 var getDescriptor = DESCRIPTORS$2 && Object.getOwnPropertyDescriptor;
 
 var EXISTS = hasOwn$4(FunctionPrototype, 'name');
-// additional protection from minified / mangled / dropped function names
-var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
 var CONFIGURABLE = EXISTS && (!DESCRIPTORS$2 || (DESCRIPTORS$2 && getDescriptor(FunctionPrototype, 'name').configurable));
 
 var functionName = {
-  EXISTS: EXISTS,
-  PROPER: PROPER,
   CONFIGURABLE: CONFIGURABLE
 };
 
 var uncurryThis$4 = functionUncurryThis;
 var isCallable$4 = isCallable$a;
-var store$1 = sharedStore.exports;
+var store$1 = sharedStoreExports;
 
 var functionToString = uncurryThis$4(Function.toString);
 
@@ -587,10 +589,10 @@ if (!isCallable$4(store$1.inspectSource)) {
 
 var inspectSource$1 = store$1.inspectSource;
 
-var global$3 = global$a;
+var globalThis$3 = globalThis_1;
 var isCallable$3 = isCallable$a;
 
-var WeakMap$1 = global$3.WeakMap;
+var WeakMap$1 = globalThis$3.WeakMap;
 
 var weakMapBasicDetection = isCallable$3(WeakMap$1) && /native code/.test(String(WeakMap$1));
 
@@ -606,32 +608,22 @@ var sharedKey$1 = function (key) {
 var hiddenKeys$3 = {};
 
 var NATIVE_WEAK_MAP = weakMapBasicDetection;
-var global$2 = global$a;
-var isObject = isObject$5;
+var globalThis$2 = globalThis_1;
 var createNonEnumerableProperty$1 = createNonEnumerableProperty$2;
 var hasOwn$3 = hasOwnProperty_1;
-var shared = sharedStore.exports;
+var shared = sharedStoreExports;
 var sharedKey = sharedKey$1;
 var hiddenKeys$2 = hiddenKeys$3;
 
 var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var TypeError$1 = global$2.TypeError;
-var WeakMap = global$2.WeakMap;
+var TypeError$1 = globalThis$2.TypeError;
+var WeakMap = globalThis$2.WeakMap;
 var set, get, has;
 
 var enforce = function (it) {
   return has(it) ? get(it) : set(it, {});
 };
 
-var getterFor = function (TYPE) {
-  return function (it) {
-    var state;
-    if (!isObject(it) || (state = get(it)).type !== TYPE) {
-      throw new TypeError$1('Incompatible receiver, ' + TYPE + ' required');
-    } return state;
-  };
-};
-
 if (NATIVE_WEAK_MAP || shared.state) {
   var store = shared.state || (shared.state = new WeakMap());
   /* eslint-disable no-self-assign -- prototype methods protection */
@@ -669,12 +661,8 @@ if (NATIVE_WEAK_MAP || shared.state) {
 }
 
 var internalState = {
-  set: set,
   get: get,
-  has: has,
-  enforce: enforce,
-  getterFor: getterFor
-};
+  enforce: enforce};
 
 var uncurryThis$3 = functionUncurryThis;
 var fails$2 = fails$9;
@@ -731,9 +719,11 @@ Function.prototype.toString = makeBuiltIn$1(function toString() {
   return isCallable$2(this) && getInternalState(this).source || inspectSource(this);
 }, 'toString');
 
+var makeBuiltInExports = makeBuiltIn$2.exports;
+
 var isCallable$1 = isCallable$a;
 var definePropertyModule$1 = objectDefineProperty;
-var makeBuiltIn = makeBuiltIn$2.exports;
+var makeBuiltIn = makeBuiltInExports;
 var defineGlobalProperty$1 = defineGlobalProperty$3;
 
 var defineBuiltIn$1 = function (O, key, value, options) {
@@ -840,9 +830,6 @@ var createMethod = function (IS_INCLUDES) {
 };
 
 var arrayIncludes = {
-  // `Array.prototype.includes` method
-  // https://tc39.es/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
   // `Array.prototype.indexOf` method
   // https://tc39.es/ecma262/#sec-array.prototype.indexof
   indexOf: createMethod(false)
@@ -952,7 +939,7 @@ var POLYFILL = isForced$1.POLYFILL = 'P';
 
 var isForced_1 = isForced$1;
 
-var global$1 = global$a;
+var globalThis$1 = globalThis_1;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var createNonEnumerableProperty = createNonEnumerableProperty$2;
 var defineBuiltIn = defineBuiltIn$1;
@@ -981,11 +968,11 @@ var _export = function (options, source) {
   var STATIC = options.stat;
   var FORCED, target, key, targetProperty, sourceProperty, descriptor;
   if (GLOBAL) {
-    target = global$1;
+    target = globalThis$1;
   } else if (STATIC) {
-    target = global$1[TARGET] || defineGlobalProperty(TARGET, {});
+    target = globalThis$1[TARGET] || defineGlobalProperty(TARGET, {});
   } else {
-    target = global$1[TARGET] && global$1[TARGET].prototype;
+    target = globalThis$1[TARGET] && globalThis$1[TARGET].prototype;
   }
   if (target) for (key in source) {
     sourceProperty = source[key];
@@ -1053,6 +1040,7 @@ var objectAssign = !$assign || fails(function () {
   var symbol = Symbol('assign detection');
   var alphabet = 'abcdefghijklmnopqrst';
   A[symbol] = 7;
+  // eslint-disable-next-line es/no-array-prototype-foreach -- safe
   alphabet.split('').forEach(function (chr) { B[chr] = chr; });
   return $assign({}, A)[symbol] !== 7 || objectKeys($assign({}, B)).join('') !== alphabet;
 }) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
@@ -1098,6 +1086,8 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
+
 
 function __rest(s, e) {
     var t = {};
@@ -1118,14 +1108,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 
 var SizeVariant;
 (function (SizeVariant) {
-  SizeVariant["transaction"] = "generic";
-  SizeVariant["brand"] = "generic";
-  SizeVariant["alternative"] = "generic";
-  SizeVariant["outline"] = "generic";
   SizeVariant["ghost"] = "ghost";
 })(SizeVariant || (SizeVariant = {}));
 
-const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
+const Container = /*#__PURE__*/styled__default.default.div.withConfig({
   displayName: "atoms-buttonstyles__Container",
   componentId: "sc-i4bzba-0"
 })(["display:flex;align-items:center;gap:", ";white-space:nowrap;cursor:pointer;.left-img-btn,.right-img-btn{display:flex;label{font-size:", ";}}*{cursor:pointer;}"], ({
@@ -1135,7 +1121,7 @@ const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
   theme,
   $size
 }) => theme.components.button[$size].icon.size);
-const Button$1 = /*#__PURE__*/styled__default["default"].button.withConfig({
+const Button$1 = /*#__PURE__*/styled__default.default.button.withConfig({
   displayName: "atoms-buttonstyles__Button",
   componentId: "sc-i4bzba-1"
 })(["height:fit-content;background-color:", ";border-radius:", ";border:", " solid ", ";box-shadow:", ";color:", ";padding:", ";label.material-symbols-sharp{color:", ";}&:disabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}&:active:enabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}&:hover:enabled{background-color:", ";border:", ";color:", ";label.material-symbols-sharp{color:", ";}}", ""], ({
@@ -1208,7 +1194,7 @@ const Button$1 = /*#__PURE__*/styled__default["default"].button.withConfig({
 }) => theme.components.button[$variant].icon.color.hover, ({
   $fullWidth
 }) => $fullWidth && styled.css(["width:100%;", "{justify-content:center;}"], Container));
-const ButtonTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
+const ButtonTitle = /*#__PURE__*/styled__default.default.span.withConfig({
   displayName: "atoms-buttonstyles__ButtonTitle",
   componentId: "sc-i4bzba-2"
 })(["font-size:", ";font-weight:", ";letter-spacing:", ";line-height:", ";text-decoration:", ";text-indent:", ";text-transform:", ";"], ({
@@ -1243,6 +1229,7 @@ const ButtonTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
 
 const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
   var {
+      id,
       dataTestId,
       disabled = false,
       title = '',
@@ -1254,12 +1241,13 @@ const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
       type = 'button',
       onClick
     } = _a,
-    props = __rest(_a, ["dataTestId", "disabled", "title", "variant", "size", "iconRight", "iconLeft", "fullWidth", "type", "onClick"]);
+    props = __rest(_a, ["id", "dataTestId", "disabled", "title", "variant", "size", "iconRight", "iconLeft", "fullWidth", "type", "onClick"]);
   return jsxRuntime.jsx(Button$1, Object.assign({
+    id: id,
     "data-testid": dataTestId,
     "$variant": variant,
     "$size": size,
-    "$sizeVariant": SizeVariant[variant],
+    "$sizeVariant": variant !== 'ghost' ? 'generic' : SizeVariant[variant],
     "$inverseColors": variant === 'alternative',
     disabled: disabled,
     type: type,
@@ -1278,7 +1266,7 @@ const Button = /*#__PURE__*/react.forwardRef((_a, ref) => {
         }, uiUtils.applyDataAttributes(props, 'icon-left')))
       }), title && jsxRuntime.jsx(ButtonTitle, Object.assign({
         "$size": size,
-        "$sizeVariant": SizeVariant[variant]
+        "$sizeVariant": variant !== 'ghost' ? 'generic' : SizeVariant[variant]
       }, uiUtils.applyDataAttributes(props, 'label'), {
         children: title
       })), iconRight && jsxRuntime.jsx("div", {

package/index.d.ts

@@ -0,0 +1 @@
+export * from "./src/index";

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@bolttech/atoms-button",
-  "version": "0.27.1",
-  "main": "./index.cjs",
-  "type": "commonjs",
-  "types": "./src/index.d.ts",
+  "version": "0.29.0",
   "dependencies": {
-    "@bolttech/atoms-icon": "0.23.0",
-    "@bolttech/default-theme": "0.8.0",
-    "@bolttech/frontend-foundations": "0.9.4",
-    "@bolttech/ui-utils": "0.4.0",
-    "react": "18.2.0",
-    "styled-components": "6.1.1"
+    "styled-components": "6.1.1",
+    "react": "19.1.2",
+    "@bolttech/atoms-icon": "0.24.1",
+    "@bolttech/ui-utils": "0.6.0"
   },
-  "peerDependencies": {}
-}
+  "main": "./index.cjs.js",
+  "type": "commonjs",
+  "types": "./index.d.ts"
+}

package/src/lib/atoms-button.d.ts

@@ -1,14 +1,15 @@
 import React from 'react';
 export declare const Button: React.ForwardRefExoticComponent<import("@bolttech/ui-utils").DefaultProps & {
-    dataTestId?: string | undefined;
-    disabled?: boolean | undefined;
-    title?: string | undefined;
+    dataTestId?: string;
+    disabled?: boolean;
+    title?: string;
     variant: import("./atoms-button.type").ButtonVariants;
     size: import("./atoms-button.type").ButtonSizes;
-    iconRight?: string | undefined;
-    iconLeft?: string | undefined;
-    type?: import("./atoms-button.type").ButtonTypes | undefined;
-    fullWidth?: boolean | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
+    id?: string;
+    iconRight?: string;
+    iconLeft?: string;
+    type?: import("./atoms-button.type").ButtonTypes;
+    fullWidth?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 } & React.RefAttributes<HTMLButtonElement>>;
 export default Button;

package/src/lib/atoms-button.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonSizes, ButtonVariants } from './atoms-button.type';
 export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $size: ButtonSizes;
@@ -6,11 +5,11 @@ export declare const Container: import("styled-components").IStyledComponent<"we
 export declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $variant: ButtonVariants;
     $size: ButtonSizes;
-    $sizeVariant: 'generic' | 'ghost';
+    $sizeVariant: "generic" | "ghost";
     $fullWidth: boolean;
     $inverseColors: boolean;
 }>>;
 export declare const ButtonTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $size: ButtonSizes;
-    $sizeVariant: 'generic' | 'ghost';
+    $sizeVariant: "generic" | "ghost";
 }>>;

package/src/lib/atoms-button.type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DefaultProps } from '@bolttech/ui-utils';
 export type ButtonVariants = 'transaction' | 'brand' | 'alternative' | 'outline' | 'ghost';
 export type ButtonSizes = 'sm' | 'md' | 'lg';
@@ -9,6 +8,17 @@ export type ButtonProps = DefaultProps & {
     title?: string;
     variant: ButtonVariants;
     size: ButtonSizes;
+    /**
+     * The HTML `id` attribute for the button.
+     *
+     * Must be unique within the document and conform to
+     * HTML `id` naming rules (no spaces, not starting with a digit, etc.).
+     * Useful for targeting the button in scripts, automated tests,
+     * or associating it with a `<label>` for accessibility.
+     *
+     * @defaultValue - no `id` attribute is rendered
+     */
+    id?: string;
     iconRight?: string;
     iconLeft?: string;
     type?: ButtonTypes;

package/src/lib/enum.d.ts

@@ -1,7 +1,3 @@
 export declare enum SizeVariant {
-    transaction = "generic",
-    brand = "generic",
-    alternative = "generic",
-    outline = "generic",
     ghost = "ghost"
 }