@metamask/design-system-react-native 0.9.0 → 0.11.0

package/dist/components/ButtonIcon/index.cjs

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ButtonIcon = exports.ButtonIconSize = void 0;
+exports.ButtonIcon = exports.ButtonIconVariant = exports.ButtonIconSize = void 0;
 var types_1 = require("../../types/index.cjs");
 Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: function () { return types_1.ButtonIconSize; } });
+Object.defineProperty(exports, "ButtonIconVariant", { enumerable: true, get: function () { return types_1.ButtonIconVariant; } });
 var ButtonIcon_1 = require("./ButtonIcon.cjs");
 Object.defineProperty(exports, "ButtonIcon", { enumerable: true, get: function () { return ButtonIcon_1.ButtonIcon; } });
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,uGAAA,cAAc,OAAA;AACvB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { ButtonIconSize } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA,+CAAgE;AAAvD,uGAAA,cAAc,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAC1C,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { ButtonIconSize, ButtonIconVariant } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}

package/dist/components/ButtonIcon/index.d.cts

@@ -1,4 +1,4 @@
-export { ButtonIconSize } from "../../types/index.cjs";
+export { ButtonIconSize, ButtonIconVariant } from "../../types/index.cjs";
 export { ButtonIcon } from "./ButtonIcon.cjs";
 export type { ButtonIconProps } from "./ButtonIcon.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/ButtonIcon/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/ButtonIcon/index.d.mts

@@ -1,4 +1,4 @@
-export { ButtonIconSize } from "../../types/index.mjs";
+export { ButtonIconSize, ButtonIconVariant } from "../../types/index.mjs";
 export { ButtonIcon } from "./ButtonIcon.mjs";
 export type { ButtonIconProps } from "./ButtonIcon.types.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/components/ButtonIcon/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}

package/dist/components/ButtonIcon/index.mjs

@@ -1,3 +1,3 @@
-export { ButtonIconSize } from "../../types/index.mjs";
+export { ButtonIconSize, ButtonIconVariant } from "../../types/index.mjs";
 export { ButtonIcon } from "./ButtonIcon.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/components/ButtonIcon/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { ButtonIconSize } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,8BAAoB;AAChE,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export { ButtonIconSize, ButtonIconVariant } from '../../types';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.cjs

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSemantic = void 0;
+const react_1 = __importStar(require("react"));
+const ButtonBase_1 = require("../ButtonBase/index.cjs");
+const Icon_1 = require("../Icon/index.cjs");
+const Text_1 = require("../Text/index.cjs");
+const ButtonSemantic_constants_1 = require("./ButtonSemantic.constants.cjs");
+const ButtonSemantic_types_1 = require("./ButtonSemantic.types.cjs");
+const ButtonSemantic = ({ severity, children, textProps, spinnerProps, startIconProps, endIconProps, isLoading = false, twClassName = '', style, ...props }) => {
+    const getContainerClassName = (0, react_1.useCallback)((pressed) => {
+        const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
+        const bgClass = pressed || isLoading
+            ? (ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[severity] ??
+                ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[ButtonSemantic_types_1.ButtonSemanticSeverity.Success])
+            : (ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_BG[severity] ??
+                ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_BG[ButtonSemantic_types_1.ButtonSemanticSeverity.Success]);
+        return `${bgClass} ${classNameStr}`;
+    }, [severity, isLoading, twClassName]);
+    const getTextClassName = (0, react_1.useCallback)((_pressed) => ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_TEXT[severity] ??
+        ButtonSemantic_constants_1.TWCLASSMAP_BUTTONSEMANTIC_TEXT[ButtonSemantic_types_1.ButtonSemanticSeverity.Success], [severity]);
+    return (<ButtonBase_1.ButtonBase textProps={{
+            variant: Text_1.TextVariant.BodyMd,
+            fontWeight: Text_1.FontWeight.Medium,
+            numberOfLines: 1,
+            ellipsizeMode: 'clip',
+            ...textProps,
+        }} spinnerProps={{
+            ...spinnerProps,
+        }} startIconProps={{
+            size: Icon_1.IconSize.Sm,
+            ...startIconProps,
+        }} endIconProps={{
+            size: Icon_1.IconSize.Sm,
+            ...endIconProps,
+        }} isLoading={isLoading} twClassName={getContainerClassName} textClassName={getTextClassName} iconClassName={getTextClassName} style={style} {...props}>
+      {children}
+    </ButtonBase_1.ButtonBase>);
+};
+exports.ButtonSemantic = ButtonSemantic;
+//# sourceMappingURL=ButtonSemantic.cjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.cjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,wDAA2C;AAC3C,4CAAmC;AACnC,4CAAkD;AAElD,6EAIoC;AAEpC,qEAAgE;AAEzD,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,YAAY,GAChB,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEzE,MAAM,OAAO,GACX,OAAO,IAAI,SAAS;YAClB,CAAC,CAAC,CAAC,+DAAoC,CAAC,QAAQ,CAAC;gBAC/C,+DAAoC,CAClC,6CAAsB,CAAC,OAAO,CAC/B,CAAC;YACJ,CAAC,CAAC,CAAC,uDAA4B,CAAC,QAAQ,CAAC;gBACvC,uDAA4B,CAAC,6CAAsB,CAAC,OAAO,CAAC,CAAC,CAAC;QAEpE,OAAO,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,QAAiB,EAAU,EAAE,CAC5B,yDAA8B,CAAC,QAAQ,CAAC;QACxC,yDAA8B,CAAC,6CAAsB,CAAC,OAAO,CAAC,EAChE,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;YAC7B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,SAAS;SACb,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,GAAG,YAAY;SAChB,CAAC,CACF,cAAc,CAAC,CAAC;YACd,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,cAAc;SAClB,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,YAAY;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,qBAAqB,CAAC,CACnC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,cAAc,kBAoEzB","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../ButtonBase';\nimport { IconSize } from '../Icon';\nimport { TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_BUTTONSEMANTIC_BG,\n  TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED,\n  TWCLASSMAP_BUTTONSEMANTIC_TEXT,\n} from './ButtonSemantic.constants';\nimport type { ButtonSemanticProps } from './ButtonSemantic.types';\nimport { ButtonSemanticSeverity } from './ButtonSemantic.types';\n\nexport const ButtonSemantic = ({\n  severity,\n  children,\n  textProps,\n  spinnerProps,\n  startIconProps,\n  endIconProps,\n  isLoading = false,\n  twClassName = '',\n  style,\n  ...props\n}: ButtonSemanticProps) => {\n  const getContainerClassName = useCallback(\n    (pressed: boolean): string => {\n      const classNameStr =\n        typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n      const bgClass =\n        pressed || isLoading\n          ? (TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[severity] ??\n            TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[\n              ButtonSemanticSeverity.Success\n            ])\n          : (TWCLASSMAP_BUTTONSEMANTIC_BG[severity] ??\n            TWCLASSMAP_BUTTONSEMANTIC_BG[ButtonSemanticSeverity.Success]);\n\n      return `${bgClass} ${classNameStr}`;\n    },\n    [severity, isLoading, twClassName],\n  );\n\n  const getTextClassName = useCallback(\n    (_pressed: boolean): string =>\n      TWCLASSMAP_BUTTONSEMANTIC_TEXT[severity] ??\n      TWCLASSMAP_BUTTONSEMANTIC_TEXT[ButtonSemanticSeverity.Success],\n    [severity],\n  );\n\n  return (\n    <ButtonBase\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        numberOfLines: 1,\n        ellipsizeMode: 'clip',\n        ...textProps,\n      }}\n      spinnerProps={{\n        ...spinnerProps,\n      }}\n      startIconProps={{\n        size: IconSize.Sm,\n        ...startIconProps,\n      }}\n      endIconProps={{\n        size: IconSize.Sm,\n        ...endIconProps,\n      }}\n      isLoading={isLoading}\n      twClassName={getContainerClassName}\n      textClassName={getTextClassName}\n      iconClassName={getTextClassName}\n      style={style}\n      {...props}\n    >\n      {children}\n    </ButtonBase>\n  );\n};\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.constants.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TWCLASSMAP_BUTTONSEMANTIC_TEXT = exports.TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED = exports.TWCLASSMAP_BUTTONSEMANTIC_BG = void 0;
+const ButtonSemantic_types_1 = require("./ButtonSemantic.types.cjs");
+exports.TWCLASSMAP_BUTTONSEMANTIC_BG = {
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Success]: 'bg-success-muted',
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Danger]: 'bg-error-muted',
+};
+exports.TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED = {
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Success]: 'bg-success-muted-pressed',
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Danger]: 'bg-error-muted-pressed',
+};
+exports.TWCLASSMAP_BUTTONSEMANTIC_TEXT = {
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Success]: 'text-success-default',
+    [ButtonSemantic_types_1.ButtonSemanticSeverity.Danger]: 'text-error-default',
+};
+//# sourceMappingURL=ButtonSemantic.constants.cjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.constants.cjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.constants.ts"],"names":[],"mappings":";;;AAAA,qEAAgE;AAEnD,QAAA,4BAA4B,GAGrC;IACF,CAAC,6CAAsB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IACpD,CAAC,6CAAsB,CAAC,MAAM,CAAC,EAAE,gBAAgB;CAClD,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,CAAC,6CAAsB,CAAC,OAAO,CAAC,EAAE,0BAA0B;IAC5D,CAAC,6CAAsB,CAAC,MAAM,CAAC,EAAE,wBAAwB;CAC1D,CAAC;AAEW,QAAA,8BAA8B,GAGvC;IACF,CAAC,6CAAsB,CAAC,OAAO,CAAC,EAAE,sBAAsB;IACxD,CAAC,6CAAsB,CAAC,MAAM,CAAC,EAAE,oBAAoB;CACtD,CAAC","sourcesContent":["import { ButtonSemanticSeverity } from './ButtonSemantic.types';\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_BG: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'bg-success-muted',\n  [ButtonSemanticSeverity.Danger]: 'bg-error-muted',\n};\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'bg-success-muted-pressed',\n  [ButtonSemanticSeverity.Danger]: 'bg-error-muted-pressed',\n};\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_TEXT: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'text-success-default',\n  [ButtonSemanticSeverity.Danger]: 'text-error-default',\n};\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.constants.d.cts

@@ -0,0 +1,5 @@
+import { ButtonSemanticSeverity } from "./ButtonSemantic.types.cjs";
+export declare const TWCLASSMAP_BUTTONSEMANTIC_BG: Record<ButtonSemanticSeverity, string>;
+export declare const TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED: Record<ButtonSemanticSeverity, string>;
+export declare const TWCLASSMAP_BUTTONSEMANTIC_TEXT: Record<ButtonSemanticSeverity, string>;
+//# sourceMappingURL=ButtonSemantic.constants.d.cts.map

package/dist/components/ButtonSemantic/ButtonSemantic.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.constants.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAEhE,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAC/C,sBAAsB,EACtB,MAAM,CAIP,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,sBAAsB,EACtB,MAAM,CAIP,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,sBAAsB,EACtB,MAAM,CAIP,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.constants.d.mts

@@ -0,0 +1,5 @@
+import { ButtonSemanticSeverity } from "./ButtonSemantic.types.mjs";
+export declare const TWCLASSMAP_BUTTONSEMANTIC_BG: Record<ButtonSemanticSeverity, string>;
+export declare const TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED: Record<ButtonSemanticSeverity, string>;
+export declare const TWCLASSMAP_BUTTONSEMANTIC_TEXT: Record<ButtonSemanticSeverity, string>;
+//# sourceMappingURL=ButtonSemantic.constants.d.mts.map

package/dist/components/ButtonSemantic/ButtonSemantic.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.constants.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAEhE,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAC/C,sBAAsB,EACtB,MAAM,CAIP,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,sBAAsB,EACtB,MAAM,CAIP,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CACjD,sBAAsB,EACtB,MAAM,CAIP,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.constants.mjs

@@ -0,0 +1,14 @@
+import { ButtonSemanticSeverity } from "./ButtonSemantic.types.mjs";
+export const TWCLASSMAP_BUTTONSEMANTIC_BG = {
+    [ButtonSemanticSeverity.Success]: 'bg-success-muted',
+    [ButtonSemanticSeverity.Danger]: 'bg-error-muted',
+};
+export const TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED = {
+    [ButtonSemanticSeverity.Success]: 'bg-success-muted-pressed',
+    [ButtonSemanticSeverity.Danger]: 'bg-error-muted-pressed',
+};
+export const TWCLASSMAP_BUTTONSEMANTIC_TEXT = {
+    [ButtonSemanticSeverity.Success]: 'text-success-default',
+    [ButtonSemanticSeverity.Danger]: 'text-error-default',
+};
+//# sourceMappingURL=ButtonSemantic.constants.mjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.constants.mjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAEhE,MAAM,CAAC,MAAM,4BAA4B,GAGrC;IACF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,kBAAkB;IACpD,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,gBAAgB;CAClD,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,0BAA0B;IAC5D,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,wBAAwB;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,8BAA8B,GAGvC;IACF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,sBAAsB;IACxD,CAAC,sBAAsB,CAAC,MAAM,CAAC,EAAE,oBAAoB;CACtD,CAAC","sourcesContent":["import { ButtonSemanticSeverity } from './ButtonSemantic.types';\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_BG: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'bg-success-muted',\n  [ButtonSemanticSeverity.Danger]: 'bg-error-muted',\n};\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'bg-success-muted-pressed',\n  [ButtonSemanticSeverity.Danger]: 'bg-error-muted-pressed',\n};\n\nexport const TWCLASSMAP_BUTTONSEMANTIC_TEXT: Record<\n  ButtonSemanticSeverity,\n  string\n> = {\n  [ButtonSemanticSeverity.Success]: 'text-success-default',\n  [ButtonSemanticSeverity.Danger]: 'text-error-default',\n};\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonSemanticProps } from "./ButtonSemantic.types.cjs";
+export declare const ButtonSemantic: ({ severity, children, textProps, spinnerProps, startIconProps, endIconProps, isLoading, twClassName, style, ...props }: ButtonSemanticProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonSemantic.d.cts.map

package/dist/components/ButtonSemantic/ButtonSemantic.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAW3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAGlE,eAAO,MAAM,cAAc,2HAWxB,mBAAmB,sBAyDrB,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { ButtonSemanticProps } from "./ButtonSemantic.types.mjs";
+export declare const ButtonSemantic: ({ severity, children, textProps, spinnerProps, startIconProps, endIconProps, isLoading, twClassName, style, ...props }: ButtonSemanticProps) => React.JSX.Element;
+//# sourceMappingURL=ButtonSemantic.d.mts.map

package/dist/components/ButtonSemantic/ButtonSemantic.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAW3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAGlE,eAAO,MAAM,cAAc,2HAWxB,mBAAmB,sBAyDrB,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.mjs

@@ -0,0 +1,44 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { useCallback } from "react";
+const React = $importDefault($React);
+import { ButtonBase } from "../ButtonBase/index.mjs";
+import { IconSize } from "../Icon/index.mjs";
+import { TextVariant, FontWeight } from "../Text/index.mjs";
+import { TWCLASSMAP_BUTTONSEMANTIC_BG, TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED, TWCLASSMAP_BUTTONSEMANTIC_TEXT } from "./ButtonSemantic.constants.mjs";
+import { ButtonSemanticSeverity } from "./ButtonSemantic.types.mjs";
+export const ButtonSemantic = ({ severity, children, textProps, spinnerProps, startIconProps, endIconProps, isLoading = false, twClassName = '', style, ...props }) => {
+    const getContainerClassName = useCallback((pressed) => {
+        const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
+        const bgClass = pressed || isLoading
+            ? (TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[severity] ??
+                TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[ButtonSemanticSeverity.Success])
+            : (TWCLASSMAP_BUTTONSEMANTIC_BG[severity] ??
+                TWCLASSMAP_BUTTONSEMANTIC_BG[ButtonSemanticSeverity.Success]);
+        return `${bgClass} ${classNameStr}`;
+    }, [severity, isLoading, twClassName]);
+    const getTextClassName = useCallback((_pressed) => TWCLASSMAP_BUTTONSEMANTIC_TEXT[severity] ??
+        TWCLASSMAP_BUTTONSEMANTIC_TEXT[ButtonSemanticSeverity.Success], [severity]);
+    return (<ButtonBase textProps={{
+            variant: TextVariant.BodyMd,
+            fontWeight: FontWeight.Medium,
+            numberOfLines: 1,
+            ellipsizeMode: 'clip',
+            ...textProps,
+        }} spinnerProps={{
+            ...spinnerProps,
+        }} startIconProps={{
+            size: IconSize.Sm,
+            ...startIconProps,
+        }} endIconProps={{
+            size: IconSize.Sm,
+            ...endIconProps,
+        }} isLoading={isLoading} twClassName={getContainerClassName} textClassName={getTextClassName} iconClassName={getTextClassName} style={style} {...props}>
+      {children}
+    </ButtonBase>);
+};
+//# sourceMappingURL=ButtonSemantic.mjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.mjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,WAAW,EAAE,cAAc;;AAE3C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,OAAO,EAAE,QAAQ,EAAE,0BAAgB;AACnC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,0BAAgB;AAElD,OAAO,EACL,4BAA4B,EAC5B,oCAAoC,EACpC,8BAA8B,EAC/B,uCAAmC;AAEpC,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,YAAY,GAChB,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEzE,MAAM,OAAO,GACX,OAAO,IAAI,SAAS;YAClB,CAAC,CAAC,CAAC,oCAAoC,CAAC,QAAQ,CAAC;gBAC/C,oCAAoC,CAClC,sBAAsB,CAAC,OAAO,CAC/B,CAAC;YACJ,CAAC,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC;gBACvC,4BAA4B,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,CAAC;QAEpE,OAAO,GAAG,OAAO,IAAI,YAAY,EAAE,CAAC;IACtC,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CACnC,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,QAAiB,EAAU,EAAE,CAC5B,8BAA8B,CAAC,QAAQ,CAAC;QACxC,8BAA8B,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAChE,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,SAAS;SACb,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,GAAG,YAAY;SAChB,CAAC,CACF,cAAc,CAAC,CAAC;YACd,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,GAAG,cAAc;SAClB,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,GAAG,YAAY;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,qBAAqB,CAAC,CACnC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../ButtonBase';\nimport { IconSize } from '../Icon';\nimport { TextVariant, FontWeight } from '../Text';\n\nimport {\n  TWCLASSMAP_BUTTONSEMANTIC_BG,\n  TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED,\n  TWCLASSMAP_BUTTONSEMANTIC_TEXT,\n} from './ButtonSemantic.constants';\nimport type { ButtonSemanticProps } from './ButtonSemantic.types';\nimport { ButtonSemanticSeverity } from './ButtonSemantic.types';\n\nexport const ButtonSemantic = ({\n  severity,\n  children,\n  textProps,\n  spinnerProps,\n  startIconProps,\n  endIconProps,\n  isLoading = false,\n  twClassName = '',\n  style,\n  ...props\n}: ButtonSemanticProps) => {\n  const getContainerClassName = useCallback(\n    (pressed: boolean): string => {\n      const classNameStr =\n        typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n      const bgClass =\n        pressed || isLoading\n          ? (TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[severity] ??\n            TWCLASSMAP_BUTTONSEMANTIC_BG_PRESSED[\n              ButtonSemanticSeverity.Success\n            ])\n          : (TWCLASSMAP_BUTTONSEMANTIC_BG[severity] ??\n            TWCLASSMAP_BUTTONSEMANTIC_BG[ButtonSemanticSeverity.Success]);\n\n      return `${bgClass} ${classNameStr}`;\n    },\n    [severity, isLoading, twClassName],\n  );\n\n  const getTextClassName = useCallback(\n    (_pressed: boolean): string =>\n      TWCLASSMAP_BUTTONSEMANTIC_TEXT[severity] ??\n      TWCLASSMAP_BUTTONSEMANTIC_TEXT[ButtonSemanticSeverity.Success],\n    [severity],\n  );\n\n  return (\n    <ButtonBase\n      textProps={{\n        variant: TextVariant.BodyMd,\n        fontWeight: FontWeight.Medium,\n        numberOfLines: 1,\n        ellipsizeMode: 'clip',\n        ...textProps,\n      }}\n      spinnerProps={{\n        ...spinnerProps,\n      }}\n      startIconProps={{\n        size: IconSize.Sm,\n        ...startIconProps,\n      }}\n      endIconProps={{\n        size: IconSize.Sm,\n        ...endIconProps,\n      }}\n      isLoading={isLoading}\n      twClassName={getContainerClassName}\n      textClassName={getTextClassName}\n      iconClassName={getTextClassName}\n      style={style}\n      {...props}\n    >\n      {children}\n    </ButtonBase>\n  );\n};\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.types.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSemanticSeverity = void 0;
+/**
+ * ButtonSemantic severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+exports.ButtonSemanticSeverity = {
+    /**
+     * Green color scheme for positive/confirmatory actions.
+     */
+    Success: 'success',
+    /**
+     * Red color scheme for destructive/dangerous actions.
+     */
+    Danger: 'danger',
+};
+//# sourceMappingURL=ButtonSemantic.types.cjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.types.cjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,sBAAsB,GAAG;IACpC;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ButtonBaseProps } from '../ButtonBase';\n\n/**\n * ButtonSemantic severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const ButtonSemanticSeverity = {\n  /**\n   * Green color scheme for positive/confirmatory actions.\n   */\n  Success: 'success',\n  /**\n   * Red color scheme for destructive/dangerous actions.\n   */\n  Danger: 'danger',\n} as const;\n\nexport type ButtonSemanticSeverity =\n  (typeof ButtonSemanticSeverity)[keyof typeof ButtonSemanticSeverity];\n\n/**\n * ButtonSemantic component props.\n * Extends ButtonBaseProps which includes PressableProps\n * (onPress, testID, accessibilityLabel, etc.).\n */\nexport type ButtonSemanticProps = {\n  /**\n   * Required prop to control the severity/color scheme of the button.\n   * - ButtonSemanticSeverity.Success: Green color scheme for positive actions\n   * - ButtonSemanticSeverity.Danger: Red color scheme for destructive actions\n   */\n  severity: ButtonSemanticSeverity;\n} & ButtonBaseProps;\n"]}

package/dist/components/ButtonSemantic/ButtonSemantic.types.d.cts

@@ -0,0 +1,30 @@
+import type { ButtonBaseProps } from "../ButtonBase/index.cjs";
+/**
+ * ButtonSemantic severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export declare const ButtonSemanticSeverity: {
+    /**
+     * Green color scheme for positive/confirmatory actions.
+     */
+    readonly Success: "success";
+    /**
+     * Red color scheme for destructive/dangerous actions.
+     */
+    readonly Danger: "danger";
+};
+export type ButtonSemanticSeverity = (typeof ButtonSemanticSeverity)[keyof typeof ButtonSemanticSeverity];
+/**
+ * ButtonSemantic component props.
+ * Extends ButtonBaseProps which includes PressableProps
+ * (onPress, testID, accessibilityLabel, etc.).
+ */
+export type ButtonSemanticProps = {
+    /**
+     * Required prop to control the severity/color scheme of the button.
+     * - ButtonSemanticSeverity.Success: Green color scheme for positive actions
+     * - ButtonSemanticSeverity.Danger: Red color scheme for destructive actions
+     */
+    severity: ButtonSemanticSeverity;
+} & ButtonBaseProps;
+//# sourceMappingURL=ButtonSemantic.types.d.cts.map

package/dist/components/ButtonSemantic/ButtonSemantic.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AAErD;;;GAGG;AACH,eAAO,MAAM,sBAAsB;IACjC;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,EAAE,sBAAsB,CAAC;CAClC,GAAG,eAAe,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.types.d.mts

@@ -0,0 +1,30 @@
+import type { ButtonBaseProps } from "../ButtonBase/index.mjs";
+/**
+ * ButtonSemantic severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export declare const ButtonSemanticSeverity: {
+    /**
+     * Green color scheme for positive/confirmatory actions.
+     */
+    readonly Success: "success";
+    /**
+     * Red color scheme for destructive/dangerous actions.
+     */
+    readonly Danger: "danger";
+};
+export type ButtonSemanticSeverity = (typeof ButtonSemanticSeverity)[keyof typeof ButtonSemanticSeverity];
+/**
+ * ButtonSemantic component props.
+ * Extends ButtonBaseProps which includes PressableProps
+ * (onPress, testID, accessibilityLabel, etc.).
+ */
+export type ButtonSemanticProps = {
+    /**
+     * Required prop to control the severity/color scheme of the button.
+     * - ButtonSemanticSeverity.Success: Green color scheme for positive actions
+     * - ButtonSemanticSeverity.Danger: Red color scheme for destructive actions
+     */
+    severity: ButtonSemanticSeverity;
+} & ButtonBaseProps;
+//# sourceMappingURL=ButtonSemantic.types.d.mts.map

package/dist/components/ButtonSemantic/ButtonSemantic.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,gCAAsB;AAErD;;;GAGG;AACH,eAAO,MAAM,sBAAsB;IACjC;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAC;AAEvE;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;OAIG;IACH,QAAQ,EAAE,sBAAsB,CAAC;CAClC,GAAG,eAAe,CAAC"}

package/dist/components/ButtonSemantic/ButtonSemantic.types.mjs

@@ -0,0 +1,15 @@
+/**
+ * ButtonSemantic severity variants.
+ * Uses const object with derived union type (ADR-0003).
+ */
+export const ButtonSemanticSeverity = {
+    /**
+     * Green color scheme for positive/confirmatory actions.
+     */
+    Success: 'success',
+    /**
+     * Red color scheme for destructive/dangerous actions.
+     */
+    Danger: 'danger',
+};
+//# sourceMappingURL=ButtonSemantic.types.mjs.map

package/dist/components/ButtonSemantic/ButtonSemantic.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonSemantic.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/ButtonSemantic.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { ButtonBaseProps } from '../ButtonBase';\n\n/**\n * ButtonSemantic severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const ButtonSemanticSeverity = {\n  /**\n   * Green color scheme for positive/confirmatory actions.\n   */\n  Success: 'success',\n  /**\n   * Red color scheme for destructive/dangerous actions.\n   */\n  Danger: 'danger',\n} as const;\n\nexport type ButtonSemanticSeverity =\n  (typeof ButtonSemanticSeverity)[keyof typeof ButtonSemanticSeverity];\n\n/**\n * ButtonSemantic component props.\n * Extends ButtonBaseProps which includes PressableProps\n * (onPress, testID, accessibilityLabel, etc.).\n */\nexport type ButtonSemanticProps = {\n  /**\n   * Required prop to control the severity/color scheme of the button.\n   * - ButtonSemanticSeverity.Success: Green color scheme for positive actions\n   * - ButtonSemanticSeverity.Danger: Red color scheme for destructive actions\n   */\n  severity: ButtonSemanticSeverity;\n} & ButtonBaseProps;\n"]}

package/dist/components/ButtonSemantic/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonSemanticSeverity = exports.ButtonSemantic = void 0;
+var ButtonSemantic_1 = require("./ButtonSemantic.cjs");
+Object.defineProperty(exports, "ButtonSemantic", { enumerable: true, get: function () { return ButtonSemantic_1.ButtonSemantic; } });
+var ButtonSemantic_types_1 = require("./ButtonSemantic.types.cjs");
+Object.defineProperty(exports, "ButtonSemanticSeverity", { enumerable: true, get: function () { return ButtonSemantic_types_1.ButtonSemanticSeverity; } });
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/index.ts"],"names":[],"mappings":";;;AAAA,uDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,mEAAgE;AAAvD,8HAAA,sBAAsB,OAAA","sourcesContent":["export { ButtonSemantic } from './ButtonSemantic';\nexport { ButtonSemanticSeverity } from './ButtonSemantic.types';\nexport type { ButtonSemanticProps } from './ButtonSemantic.types';\n"]}

package/dist/components/ButtonSemantic/index.d.cts

@@ -0,0 +1,4 @@
+export { ButtonSemantic } from "./ButtonSemantic.cjs";
+export { ButtonSemanticSeverity } from "./ButtonSemantic.types.cjs";
+export type { ButtonSemanticProps } from "./ButtonSemantic.types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/components/ButtonSemantic/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAChE,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

package/dist/components/ButtonSemantic/index.d.mts

@@ -0,0 +1,4 @@
+export { ButtonSemantic } from "./ButtonSemantic.mjs";
+export { ButtonSemanticSeverity } from "./ButtonSemantic.types.mjs";
+export type { ButtonSemanticProps } from "./ButtonSemantic.types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/components/ButtonSemantic/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,OAAO,EAAE,sBAAsB,EAAE,mCAA+B;AAChE,YAAY,EAAE,mBAAmB,EAAE,mCAA+B"}

package/dist/components/ButtonSemantic/index.mjs

@@ -0,0 +1,3 @@
+export { ButtonSemantic } from "./ButtonSemantic.mjs";
+export { ButtonSemanticSeverity } from "./ButtonSemantic.types.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/components/ButtonSemantic/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonSemantic/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,6BAAyB;AAClD,OAAO,EAAE,sBAAsB,EAAE,mCAA+B","sourcesContent":["export { ButtonSemantic } from './ButtonSemantic';\nexport { ButtonSemanticSeverity } from './ButtonSemantic.types';\nexport type { ButtonSemanticProps } from './ButtonSemantic.types';\n"]}

package/dist/components/HeaderBase/HeaderBase.cjs

@@ -33,7 +33,10 @@ const react_native_safe_area_context_1 = require("react-native-safe-area-context
 const Box_1 = require("../Box/index.cjs");
 const ButtonIcon_1 = require("../ButtonIcon/index.cjs");
 const Text_1 = require("../Text/index.cjs");
-const HeaderBase = ({ children, style, startAccessory, endAccessory, startButtonIconProps, endButtonIconProps, includesTopInset = false, startAccessoryWrapperProps, endAccessoryWrapperProps, titleTestID, twClassName, ...props }) => {
+// Internal dependencies.
+const HeaderBase_constants_1 = require("./HeaderBase.constants.cjs");
+const HeaderBase_types_1 = require("./HeaderBase.types.cjs");
+const HeaderBase = ({ children, style, variant = HeaderBase_types_1.HeaderBaseVariant.Compact, startAccessory, endAccessory, startButtonIconProps, endButtonIconProps, includesTopInset = false, startAccessoryWrapperProps, endAccessoryWrapperProps, titleTestID, twClassName, ...props }) => {
     const tw = (0, design_system_twrnc_preset_1.useTailwind)();
     const insets = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
     const [startAccessoryWidth, setStartAccessoryWidth] = (0, react_1.useState)(0);
@@ -48,11 +51,17 @@ const HeaderBase = ({ children, style, startAccessory, endAccessory, startButton
     const hasStartContent = startAccessory || startButtonIconProps;
     const hasEndContent = endAccessory || (endButtonIconProps && endButtonIconProps.length > 0);
     const hasAnyAccessory = hasStartContent || hasEndContent;
-    // Render both wrappers if any accessory exists (for centering)
-    const shouldRenderStartWrapper = Boolean(hasAnyAccessory);
-    const shouldRenderEndWrapper = Boolean(hasAnyAccessory);
-    // Calculate equal width for both accessory wrappers to ensure title stays centered
-    const accessoryWrapperWidth = hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)
+    const isCompact = variant === HeaderBase_types_1.HeaderBaseVariant.Compact;
+    // For Compact variant, render both wrappers if any accessory exists (for centering)
+    // For Display variant, only render wrappers when they have content
+    const shouldRenderStartWrapper = isCompact
+        ? Boolean(hasAnyAccessory)
+        : Boolean(hasStartContent);
+    const shouldRenderEndWrapper = isCompact
+        ? Boolean(hasAnyAccessory)
+        : Boolean(hasEndContent);
+    // Calculate equal width for both accessory wrappers to ensure title stays centered (Compact only)
+    const accessoryWrapperWidth = isCompact && hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)
         ? Math.max(startAccessoryWidth, endAccessoryWidth)
         : undefined;
     const renderStartContent = () => {
@@ -103,8 +112,8 @@ const HeaderBase = ({ children, style, startAccessory, endAccessory, startButton
         </react_native_1.View>)}
 
       {/* Title */}
-      <Box_1.Box twClassName="flex-1 items-center">
-        {typeof children === 'string' ? (<Text_1.Text variant={Text_1.TextVariant.HeadingSm} testID={titleTestID} style={tw.style('text-center')}>
+      <Box_1.Box twClassName={isCompact ? 'flex-1 items-center' : 'flex-1'}>
+        {typeof children === 'string' ? (<Text_1.Text variant={HeaderBase_constants_1.HEADERBASE_VARIANT_TEXT_VARIANTS[variant]} testID={titleTestID} style={isCompact ? tw.style('text-center') : undefined}>
             {children}
           </Text_1.Text>) : (children)}
       </Box_1.Box>

package/dist/components/HeaderBase/HeaderBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderBase.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useCallback, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { Box } from '../Box';\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Text, TextVariant } from '../Text';\n\n// Internal dependencies.\nimport type { HeaderBaseProps } from './HeaderBase.types';\n\nexport const HeaderBase: React.FC<HeaderBaseProps> = ({\n  children,\n  style,\n  startAccessory,\n  endAccessory,\n  startButtonIconProps,\n  endButtonIconProps,\n  includesTopInset = false,\n  startAccessoryWrapperProps,\n  endAccessoryWrapperProps,\n  titleTestID,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const insets = useSafeAreaInsets();\n\n  const [startAccessoryWidth, setStartAccessoryWidth] = useState(0);\n  const [endAccessoryWidth, setEndAccessoryWidth] = useState(0);\n\n  const handleStartAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setStartAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  const handleEndAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setEndAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  // Determine what to render for start/end\n  const hasStartContent = startAccessory || startButtonIconProps;\n  const hasEndContent =\n    endAccessory || (endButtonIconProps && endButtonIconProps.length > 0);\n  const hasAnyAccessory = hasStartContent || hasEndContent;\n\n  // Render both wrappers if any accessory exists (for centering)\n  const shouldRenderStartWrapper = Boolean(hasAnyAccessory);\n  const shouldRenderEndWrapper = Boolean(hasAnyAccessory);\n\n  // Calculate equal width for both accessory wrappers to ensure title stays centered\n  const accessoryWrapperWidth =\n    hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)\n      ? Math.max(startAccessoryWidth, endAccessoryWidth)\n      : undefined;\n\n  const renderStartContent = () => {\n    if (startAccessory) {\n      return startAccessory;\n    }\n    if (startButtonIconProps) {\n      return <ButtonIcon size={ButtonIconSize.Md} {...startButtonIconProps} />;\n    }\n    return null;\n  };\n\n  const renderEndContent = () => {\n    if (endAccessory) {\n      return endAccessory;\n    }\n    if (endButtonIconProps && endButtonIconProps.length > 0) {\n      // Reverse the array so first item appears rightmost\n      // Use original index (before reversal) for stable React keys\n      const reversedProps = endButtonIconProps\n        .map((iconProps, originalIndex) => ({\n          iconProps,\n          originalIndex,\n        }))\n        .reverse();\n      return reversedProps.map(({ iconProps, originalIndex }) => (\n        <ButtonIcon\n          key={`end-button-icon-${originalIndex}`}\n          size={ButtonIconSize.Md}\n          {...iconProps}\n        />\n      ));\n    }\n    return null;\n  };\n\n  // Check if we have multiple end buttons for layout styling\n  const hasMultipleEndButtons =\n    !endAccessory && endButtonIconProps && endButtonIconProps.length > 1;\n\n  // Merge default styles with passed-in twClassName\n  const baseStyles = 'flex-row items-center gap-4 h-14';\n  const resolvedTwClassName = twClassName\n    ? `${baseStyles} ${twClassName}`\n    : baseStyles;\n\n  return (\n    <View\n      style={[\n        tw.style(resolvedTwClassName),\n        includesTopInset && { marginTop: insets.top },\n        style,\n      ]}\n      {...props}\n    >\n      {/* Start accessory */}\n      {shouldRenderStartWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-start', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...startAccessoryWrapperProps}\n        >\n          <View onLayout={handleStartAccessoryLayout}>\n            {renderStartContent()}\n          </View>\n        </View>\n      )}\n\n      {/* Title */}\n      <Box twClassName=\"flex-1 items-center\">\n        {typeof children === 'string' ? (\n          <Text\n            variant={TextVariant.HeadingSm}\n            testID={titleTestID}\n            style={tw.style('text-center')}\n          >\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Box>\n\n      {/* End accessory */}\n      {shouldRenderEndWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-end', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...endAccessoryWrapperProps}\n        >\n          <View\n            onLayout={handleEndAccessoryLayout}\n            style={\n              hasMultipleEndButtons ? tw.style('flex-row gap-2') : undefined\n            }\n          >\n            {renderEndContent()}\n          </View>\n        </View>\n      )}\n    </View>\n  );\n};\n"]}
+{"version":3,"file":"HeaderBase.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, { useCallback, useState } from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { Box } from '../Box';\nimport { ButtonIcon, ButtonIconSize } from '../ButtonIcon';\nimport { Text } from '../Text';\n\n// Internal dependencies.\nimport { HEADERBASE_VARIANT_TEXT_VARIANTS } from './HeaderBase.constants';\nimport type { HeaderBaseProps } from './HeaderBase.types';\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\nexport const HeaderBase: React.FC<HeaderBaseProps> = ({\n  children,\n  style,\n  variant = HeaderBaseVariant.Compact,\n  startAccessory,\n  endAccessory,\n  startButtonIconProps,\n  endButtonIconProps,\n  includesTopInset = false,\n  startAccessoryWrapperProps,\n  endAccessoryWrapperProps,\n  titleTestID,\n  twClassName,\n  ...props\n}) => {\n  const tw = useTailwind();\n  const insets = useSafeAreaInsets();\n\n  const [startAccessoryWidth, setStartAccessoryWidth] = useState(0);\n  const [endAccessoryWidth, setEndAccessoryWidth] = useState(0);\n\n  const handleStartAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setStartAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  const handleEndAccessoryLayout = useCallback((e: LayoutChangeEvent) => {\n    setEndAccessoryWidth(e.nativeEvent.layout.width);\n  }, []);\n\n  // Determine what to render for start/end\n  const hasStartContent = startAccessory || startButtonIconProps;\n  const hasEndContent =\n    endAccessory || (endButtonIconProps && endButtonIconProps.length > 0);\n  const hasAnyAccessory = hasStartContent || hasEndContent;\n\n  const isCompact = variant === HeaderBaseVariant.Compact;\n\n  // For Compact variant, render both wrappers if any accessory exists (for centering)\n  // For Display variant, only render wrappers when they have content\n  const shouldRenderStartWrapper = isCompact\n    ? Boolean(hasAnyAccessory)\n    : Boolean(hasStartContent);\n  const shouldRenderEndWrapper = isCompact\n    ? Boolean(hasAnyAccessory)\n    : Boolean(hasEndContent);\n\n  // Calculate equal width for both accessory wrappers to ensure title stays centered (Compact only)\n  const accessoryWrapperWidth =\n    isCompact && hasAnyAccessory && (startAccessoryWidth || endAccessoryWidth)\n      ? Math.max(startAccessoryWidth, endAccessoryWidth)\n      : undefined;\n\n  const renderStartContent = () => {\n    if (startAccessory) {\n      return startAccessory;\n    }\n    if (startButtonIconProps) {\n      return <ButtonIcon size={ButtonIconSize.Md} {...startButtonIconProps} />;\n    }\n    return null;\n  };\n\n  const renderEndContent = () => {\n    if (endAccessory) {\n      return endAccessory;\n    }\n    if (endButtonIconProps && endButtonIconProps.length > 0) {\n      // Reverse the array so first item appears rightmost\n      // Use original index (before reversal) for stable React keys\n      const reversedProps = endButtonIconProps\n        .map((iconProps, originalIndex) => ({\n          iconProps,\n          originalIndex,\n        }))\n        .reverse();\n      return reversedProps.map(({ iconProps, originalIndex }) => (\n        <ButtonIcon\n          key={`end-button-icon-${originalIndex}`}\n          size={ButtonIconSize.Md}\n          {...iconProps}\n        />\n      ));\n    }\n    return null;\n  };\n\n  // Check if we have multiple end buttons for layout styling\n  const hasMultipleEndButtons =\n    !endAccessory && endButtonIconProps && endButtonIconProps.length > 1;\n\n  // Merge default styles with passed-in twClassName\n  const baseStyles = 'flex-row items-center gap-4 h-14';\n  const resolvedTwClassName = twClassName\n    ? `${baseStyles} ${twClassName}`\n    : baseStyles;\n\n  return (\n    <View\n      style={[\n        tw.style(resolvedTwClassName),\n        includesTopInset && { marginTop: insets.top },\n        style,\n      ]}\n      {...props}\n    >\n      {/* Start accessory */}\n      {shouldRenderStartWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-start', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...startAccessoryWrapperProps}\n        >\n          <View onLayout={handleStartAccessoryLayout}>\n            {renderStartContent()}\n          </View>\n        </View>\n      )}\n\n      {/* Title */}\n      <Box twClassName={isCompact ? 'flex-1 items-center' : 'flex-1'}>\n        {typeof children === 'string' ? (\n          <Text\n            variant={HEADERBASE_VARIANT_TEXT_VARIANTS[variant]}\n            testID={titleTestID}\n            style={isCompact ? tw.style('text-center') : undefined}\n          >\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </Box>\n\n      {/* End accessory */}\n      {shouldRenderEndWrapper && (\n        <View\n          style={\n            accessoryWrapperWidth\n              ? tw.style('items-end', { width: accessoryWrapperWidth })\n              : undefined\n          }\n          {...endAccessoryWrapperProps}\n        >\n          <View\n            onLayout={handleEndAccessoryLayout}\n            style={\n              hasMultipleEndButtons ? tw.style('flex-row gap-2') : undefined\n            }\n          >\n            {renderEndContent()}\n          </View>\n        </View>\n      )}\n    </View>\n  );\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.constants.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HEADERBASE_VARIANT_TEXT_VARIANTS = void 0;
+// External dependencies.
+const Text_1 = require("../Text/index.cjs");
+// Internal dependencies.
+const HeaderBase_types_1 = require("./HeaderBase.types.cjs");
+/**
+ * Text variant mapping based on HeaderBase variant.
+ */
+exports.HEADERBASE_VARIANT_TEXT_VARIANTS = {
+    [HeaderBase_types_1.HeaderBaseVariant.Compact]: Text_1.TextVariant.HeadingSm,
+    [HeaderBase_types_1.HeaderBaseVariant.Display]: Text_1.TextVariant.HeadingLg,
+};
+//# sourceMappingURL=HeaderBase.constants.cjs.map

package/dist/components/HeaderBase/HeaderBase.constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBase.constants.cjs","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":";;;AAAA,yBAAyB;AACzB,4CAAsC;AAEtC,yBAAyB;AACzB,6DAAuD;AAEvD;;GAEG;AACU,QAAA,gCAAgC,GAGzC;IACF,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;IAClD,CAAC,oCAAiB,CAAC,OAAO,CAAC,EAAE,kBAAW,CAAC,SAAS;CACnD,CAAC","sourcesContent":["// External dependencies.\nimport { TextVariant } from '../Text';\n\n// Internal dependencies.\nimport { HeaderBaseVariant } from './HeaderBase.types';\n\n/**\n * Text variant mapping based on HeaderBase variant.\n */\nexport const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<\n  HeaderBaseVariant,\n  TextVariant\n> = {\n  [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,\n  [HeaderBaseVariant.Display]: TextVariant.HeadingLg,\n};\n"]}

package/dist/components/HeaderBase/HeaderBase.constants.d.cts

@@ -0,0 +1,7 @@
+import { TextVariant } from "../Text/index.cjs";
+import { HeaderBaseVariant } from "./HeaderBase.types.cjs";
+/**
+ * Text variant mapping based on HeaderBase variant.
+ */
+export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
+//# sourceMappingURL=HeaderBase.constants.d.cts.map

package/dist/components/HeaderBase/HeaderBase.constants.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBase.constants.d.cts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

package/dist/components/HeaderBase/HeaderBase.constants.d.mts

@@ -0,0 +1,7 @@
+import { TextVariant } from "../Text/index.mjs";
+import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
+/**
+ * Text variant mapping based on HeaderBase variant.
+ */
+export declare const HEADERBASE_VARIANT_TEXT_VARIANTS: Record<HeaderBaseVariant, TextVariant>;
+//# sourceMappingURL=HeaderBase.constants.d.mts.map

package/dist/components/HeaderBase/HeaderBase.constants.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBase.constants.d.mts","sourceRoot":"","sources":["../../../src/components/HeaderBase/HeaderBase.constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,OAAO,EAAE,iBAAiB,EAAE,+BAA2B;AAEvD;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,MAAM,CACnD,iBAAiB,EACjB,WAAW,CAIZ,CAAC"}

package/dist/components/HeaderBase/HeaderBase.constants.mjs

@@ -0,0 +1,12 @@
+// External dependencies.
+import { TextVariant } from "../Text/index.mjs";
+// Internal dependencies.
+import { HeaderBaseVariant } from "./HeaderBase.types.mjs";
+/**
+ * Text variant mapping based on HeaderBase variant.
+ */
+export const HEADERBASE_VARIANT_TEXT_VARIANTS = {
+    [HeaderBaseVariant.Compact]: TextVariant.HeadingSm,
+    [HeaderBaseVariant.Display]: TextVariant.HeadingLg,
+};
+//# sourceMappingURL=HeaderBase.constants.mjs.map