blend-native 0.0.1-beta.0 → 0.0.1-beta.2

package/lib/module/components/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,206 @@
+"use strict";
+
+import { forwardRef, useMemo, useState } from 'react';
+import { Pressable, ScrollView, View } from 'react-native';
+import { Ellipsis } from 'lucide-react-native';
+import { useNativeTokens } from "../../theme/useNativeTokens.js";
+import { parseDimension } from "../../adapters/cssStringAdapter.js";
+import Text from "../../primitives/Text.js";
+import Slot from "../../primitives/Slot.js";
+import { Menu } from "../Menu/index.js";
+import { breadcrumbItemKey, computeBreadcrumbOverflowLayout, isCurrentCrumb } from "./breadcrumb.utils.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * One crumb: slots + label. The current page renders as plain text (web
+ * swaps the anchor for a `span` + `aria-current="page"`); RN's closest
+ * mapping is a `text` role carrying `selected` state. Every other crumb is
+ * a `link`-role pressable (the `LinkButton` convention).
+ */
+function Crumb({
+  item,
+  active,
+  tokens,
+  testID
+}) {
+  const [pressed, setPressed] = useState(false);
+  const color = active ? tokens.item.text.color.active : pressed ? tokens.item.text.color.hover : tokens.item.text.color.default;
+  const resolvedColor = String(color);
+  const label = /*#__PURE__*/_jsx(Text, {
+    fontSize: tokens.item.text.fontSize,
+    fontWeight: tokens.item.text.fontWeight,
+    color: resolvedColor,
+    numberOfLines: 1,
+    children: item.label
+  });
+  const slots = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [item.leftSlot ? /*#__PURE__*/_jsx(Slot, {
+      maxHeight: 16,
+      color: resolvedColor,
+      children: item.leftSlot
+    }) : null, label, item.rightSlot ? /*#__PURE__*/_jsx(Slot, {
+      maxHeight: 16,
+      color: resolvedColor,
+      children: item.rightSlot
+    }) : null]
+  });
+  if (active) {
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: parseDimension(tokens.item.gap),
+        paddingHorizontal: parseDimension(
+        // The token padding is "Py Px"; horizontal is the
+        // second value.
+        String(tokens.item.padding).split(/\s+/)[1])
+      },
+      testID: testID,
+      children: slots
+    });
+  }
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: item.onPress,
+    onPressIn: () => setPressed(true),
+    onPressOut: () => setPressed(false),
+    accessibilityRole: "link",
+    accessibilityLabel: `Navigate to ${item.label}`,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(tokens.item.gap),
+      paddingHorizontal: parseDimension(String(tokens.item.padding).split(/\s+/)[1])
+    },
+    testID: testID,
+    children: slots
+  });
+}
+
+/** Decorative separator, hidden from assistive tech like web's `aria-hidden`. */
+function BreadcrumbSeparator({
+  children,
+  color
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    accessible: false,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: /*#__PURE__*/_jsx(Text, {
+      color: color,
+      children: children ?? '/'
+    })
+  });
+}
+
+/**
+ * Breadcrumb — the native port of web's `BreadcrumbV2`.
+ *
+ * A horizontally scrollable row of crumbs with web's overflow policy: beyond
+ * `maxItems`, the trail collapses to first crumb + ellipsis + up to three
+ * trailing segments, with the hidden crumbs in an overflow `Menu` — unless
+ * that would leave fewer than `minVisibleItems` crumbs visible. The current
+ * page (last entry, or `isActive`) renders as text, everything else as a
+ * link-role pressable.
+ */
+const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb({
+  items = [],
+  maxItems = 4,
+  minVisibleItems,
+  separator,
+  accessibilityLabel = 'Breadcrumb navigation',
+  testID,
+  style
+}, ref) {
+  const tokens = useNativeTokens('BREADCRUMBV2');
+  const layout = useMemo(() => computeBreadcrumbOverflowLayout(items, maxItems, minVisibleItems), [items, maxItems, minVisibleItems]);
+  const total = items.length;
+  const separatorColor = String(tokens.separator.color);
+  const overflowGroups = useMemo(() => {
+    if (!layout.shouldShowMenu || layout.menuItems.length === 0) {
+      return [];
+    }
+    return [{
+      id: 'breadcrumb-overflow',
+      items: layout.menuItems.map((item, i) => ({
+        id: breadcrumbItemKey(item, i + 1),
+        label: {
+          text: item.label,
+          // Menu's label slot is typed ReactElement,
+          // narrower than the crumb's ReactNode.
+          leftSlot: item.leftSlot
+        },
+        onClick: item.onPress
+      }))
+    }];
+  }, [layout.shouldShowMenu, layout.menuItems]);
+  if (total === 0) return null;
+  const renderCrumb = (item, index, key) => {
+    const active = isCurrentCrumb(index, total, item.isActive);
+    return /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: parseDimension(tokens.gap)
+      },
+      children: [/*#__PURE__*/_jsx(Crumb, {
+        item: item,
+        active: active,
+        tokens: tokens,
+        testID: testID ? `${testID}-item-${index}` : undefined
+      }), !active ? /*#__PURE__*/_jsx(BreadcrumbSeparator, {
+        color: separatorColor,
+        children: separator
+      }) : null]
+    }, key);
+  };
+  return /*#__PURE__*/_jsxs(ScrollView, {
+    ref: ref,
+    horizontal: true,
+    showsHorizontalScrollIndicator: false,
+    accessibilityRole: "list",
+    accessibilityLabel: accessibilityLabel,
+    contentContainerStyle: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: parseDimension(tokens.gap)
+    },
+    style: style,
+    testID: testID,
+    children: [layout.base ? renderCrumb(layout.base, 0, breadcrumbItemKey(layout.base, 0)) : null, layout.shouldShowMenu && overflowGroups[0] ? /*#__PURE__*/_jsxs(View, {
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: parseDimension(tokens.gap)
+      },
+      children: [/*#__PURE__*/_jsx(Menu, {
+        trigger: /*#__PURE__*/_jsx(Pressable, {
+          accessibilityRole: "button",
+          accessibilityLabel: "Show hidden breadcrumb items",
+          hitSlop: 8,
+          style: {
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          testID: testID ? `${testID}-overflow-trigger` : undefined,
+          children: /*#__PURE__*/_jsx(Ellipsis, {
+            size: tokens.ellipsis.size,
+            color: String(tokens.ellipsis.color)
+          })
+        }),
+        items: overflowGroups,
+        testID: testID ? `${testID}-overflow` : undefined
+      }), layout.rest.length > 0 ? /*#__PURE__*/_jsx(BreadcrumbSeparator, {
+        color: separatorColor,
+        children: separator
+      }) : null]
+    }) : null, layout.rest.map((item, i) => {
+      // `rest` is the trailing slice of the full list — index
+      // it back into the original positions so `isCurrentCrumb`
+      // still sees the true last entry.
+      const index = total - layout.rest.length + i;
+      return renderCrumb(item, index, breadcrumbItemKey(item, index));
+    })]
+  });
+});
+Breadcrumb.displayName = 'Breadcrumb';
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

package/lib/module/components/Breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","useState","Pressable","ScrollView","View","Ellipsis","useNativeTokens","parseDimension","Text","Slot","Menu","breadcrumbItemKey","computeBreadcrumbOverflowLayout","isCurrentCrumb","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Crumb","item","active","tokens","testID","pressed","setPressed","color","text","hover","default","resolvedColor","String","label","fontSize","fontWeight","numberOfLines","children","slots","leftSlot","maxHeight","rightSlot","style","flexDirection","alignItems","gap","paddingHorizontal","padding","split","onPress","onPressIn","onPressOut","accessibilityRole","accessibilityLabel","BreadcrumbSeparator","accessible","accessibilityElementsHidden","importantForAccessibility","Breadcrumb","items","maxItems","minVisibleItems","separator","ref","layout","total","length","separatorColor","overflowGroups","shouldShowMenu","menuItems","id","map","i","onClick","renderCrumb","index","key","isActive","undefined","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","base","trigger","hitSlop","justifyContent","size","ellipsis","rest","displayName"],"sourceRoot":"../../../../src","sources":["components/Breadcrumb/Breadcrumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Breadcrumb/breadcrumb.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=breadcrumb.types.js.map

package/lib/module/components/Breadcrumb/breadcrumb.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Breadcrumb/breadcrumb.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Breadcrumb/breadcrumb.utils.js

@@ -0,0 +1,103 @@
+"use strict";
+
+/**
+ * Overflow arithmetic, adapted from web's
+ * `BreadcrumbV2/utils.ts#computeBreadcrumbOverflowLayout` — but over the
+ * plain item model instead of React elements, so it is testable with no
+ * React runtime.
+ *
+ * The collapse trigger and the tail arithmetic are web-parity by default:
+ * collapse when `items.length > maxItems`, and the tail keeps `maxItems - 1`
+ * crumbs after the ellipsis. `minVisibleItems` (default 1) is a floor on
+ * how many crumbs must REMAIN VISIBLE after a collapse: if collapsing
+ * would leave fewer than `minVisibleItems` crumbs on the trail, stay
+ * inline instead. Pass 3 (or your `maxItems` value) to mean "the trail
+ * must always earn its `maxItems` slots" — this suppresses web's two
+ * degenerate shapes:
+ *   - `maxItems: 2` collapsing to just 2 visible crumbs (`Home … Last`)
+ *     — fewer than you asked for;
+ *   - an ellipsis hiding a single crumb where the "collapsed" trail is
+ *     no shorter than the plain one.
+ * (The one shape it cannot change is `maxItems: 1` — the current page is
+ * never menu-only, so a single-crumb trail is legal by definition there.)
+ */
+export function computeBreadcrumbOverflowLayout(items, maxItems, minVisibleItems = 1) {
+  const base = items[0];
+  if (items.length === 0 || !Number.isFinite(maxItems) || maxItems < 1) {
+    return {
+      shouldShowMenu: false,
+      base,
+      rest: items.slice(1),
+      menuItems: []
+    };
+  }
+  const limit = Math.floor(maxItems);
+  if (items.length <= limit) {
+    return {
+      shouldShowMenu: false,
+      base,
+      rest: items.slice(1),
+      menuItems: []
+    };
+  }
+
+  // Collapsed shape (web parity): first crumb + up to three trailing
+  // crumbs. The tail shares the visible budget with the first crumb, but
+  // always reserves at least one slot so the current page never becomes
+  // menu-only.
+  const desiredTailSize = 3;
+  // First crumb + tail share the visible "budget" (limit). `limit - 1` would be 0 when
+  // maxItems is 1; still reserve at least one tail slot so the current/last segment stays
+  // on the trail and is not only reachable via the overflow menu.
+  const maxTailSlots = Math.max(1, limit - 1);
+  const tailCount = Math.min(desiredTailSize, items.length - 1, maxTailSlots);
+  // The collapsed trail is first crumb + tail. If that is fewer crumbs
+  // than `minVisibleItems`, collapsing would leave a fainter trail than
+  // the caller is willing to accept — stay inline instead.
+  const visibleAfterCollapse = 1 + tailCount;
+  if (visibleAfterCollapse < Math.floor(minVisibleItems)) {
+    return {
+      shouldShowMenu: false,
+      base,
+      rest: items.slice(1),
+      menuItems: []
+    };
+  }
+  const rest = items.slice(-tailCount);
+  const menuItems = items.slice(1, items.length - tailCount);
+  return {
+    shouldShowMenu: true,
+    base,
+    rest,
+    menuItems
+  };
+}
+
+/**
+ * A crumb key for React lists — same rule as web's
+ * `item.id ?? \`${item.href}-${i}\``: a stable `id` when the caller
+ * supplies one, position otherwise (crumb lists are append-stable by
+ * nature — a mid-list insert re-keys the suffix, which is correct).
+ */
+export function breadcrumbItemKey(item, index) {
+  return item.id != null ? String(item.id) : `breadcrumb-item-${index}`;
+}
+
+/**
+ * `accessibilityRole` for a crumb. RN has no `nav`→`ol`→`li` hierarchy;
+ * the bar is announced as a group of buttons and the last crumb carries
+ * `selected` state (the closest RN mapping of web's `aria-current="page"`).
+ */
+export function isCurrentCrumb(index, total, isActive) {
+  if (typeof isActive === 'boolean') return isActive;
+  return index === total - 1;
+}
+
+/**
+ * The overflow trigger's accessible name — web parity:
+ * "Show N more breadcrumb items" (singular at exactly one).
+ */
+export function overflowMenuLabel(count) {
+  return `Show ${count} more breadcrumb ${count === 1 ? 'item' : 'items'}`;
+}
+//# sourceMappingURL=breadcrumb.utils.js.map

package/lib/module/components/Breadcrumb/breadcrumb.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["computeBreadcrumbOverflowLayout","items","maxItems","minVisibleItems","base","length","Number","isFinite","shouldShowMenu","rest","slice","menuItems","limit","Math","floor","desiredTailSize","maxTailSlots","max","tailCount","min","visibleAfterCollapse","breadcrumbItemKey","item","index","id","String","isCurrentCrumb","total","isActive","overflowMenuLabel","count"],"sourceRoot":"../../../../src","sources":["components/Breadcrumb/breadcrumb.utils.ts"],"mappings":";;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,+BAA+BA,CAC3CC,KAAiC,EACjCC,QAAgB,EAChBC,eAAe,GAAG,CAAC,EAMrB;EACE,MAAMC,IAAI,GAAGH,KAAK,CAAC,CAAC,CAAC;EAErB,IAAIA,KAAK,CAACI,MAAM,KAAK,CAAC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACL,QAAQ,CAAC,IAAIA,QAAQ,GAAG,CAAC,EAAE;IAClE,OAAO;MACHM,cAAc,EAAE,KAAK;MACrBJ,IAAI;MACJK,IAAI,EAAER,KAAK,CAACS,KAAK,CAAC,CAAC,CAAC;MACpBC,SAAS,EAAE;IACf,CAAC;EACL;EAEA,MAAMC,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACZ,QAAQ,CAAC;EAElC,IAAID,KAAK,CAACI,MAAM,IAAIO,KAAK,EAAE;IACvB,OAAO;MACHJ,cAAc,EAAE,KAAK;MACrBJ,IAAI;MACJK,IAAI,EAAER,KAAK,CAACS,KAAK,CAAC,CAAC,CAAC;MACpBC,SAAS,EAAE;IACf,CAAC;EACL;;EAEA;EACA;EACA;EACA;EACA,MAAMI,eAAe,GAAG,CAAC;EACzB;EACA;EACA;EACA,MAAMC,YAAY,GAAGH,IAAI,CAACI,GAAG,CAAC,CAAC,EAAEL,KAAK,GAAG,CAAC,CAAC;EAC3C,MAAMM,SAAS,GAAGL,IAAI,CAACM,GAAG,CAACJ,eAAe,EAAEd,KAAK,CAACI,MAAM,GAAG,CAAC,EAAEW,YAAY,CAAC;EAC3E;EACA;EACA;EACA,MAAMI,oBAAoB,GAAG,CAAC,GAAGF,SAAS;EAC1C,IAAIE,oBAAoB,GAAGP,IAAI,CAACC,KAAK,CAACX,eAAe,CAAC,EAAE;IACpD,OAAO;MACHK,cAAc,EAAE,KAAK;MACrBJ,IAAI;MACJK,IAAI,EAAER,KAAK,CAACS,KAAK,CAAC,CAAC,CAAC;MACpBC,SAAS,EAAE;IACf,CAAC;EACL;EACA,MAAMF,IAAI,GAAGR,KAAK,CAACS,KAAK,CAAC,CAACQ,SAAS,CAAC;EACpC,MAAMP,SAAS,GAAGV,KAAK,CAACS,KAAK,CAAC,CAAC,EAAET,KAAK,CAACI,MAAM,GAAGa,SAAS,CAAC;EAE1D,OAAO;IAAEV,cAAc,EAAE,IAAI;IAAEJ,IAAI;IAAEK,IAAI;IAAEE;EAAU,CAAC;AAC1D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,iBAAiBA,CAC7BC,IAA8B,EAC9BC,KAAa,EACP;EACN,OAAOD,IAAI,CAACE,EAAE,IAAI,IAAI,GAAGC,MAAM,CAACH,IAAI,CAACE,EAAE,CAAC,GAAG,mBAAmBD,KAAK,EAAE;AACzE;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,cAAcA,CAC1BH,KAAa,EACbI,KAAa,EACbC,QAAkB,EACX;EACP,IAAI,OAAOA,QAAQ,KAAK,SAAS,EAAE,OAAOA,QAAQ;EAClD,OAAOL,KAAK,KAAKI,KAAK,GAAG,CAAC;AAC9B;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASE,iBAAiBA,CAACC,KAAa,EAAU;EACrD,OAAO,QAAQA,KAAK,oBAAoBA,KAAK,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE;AAC5E","ignoreList":[]}

package/lib/module/components/Breadcrumb/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export { default as Breadcrumb } from "./Breadcrumb.js";
+export { computeBreadcrumbOverflowLayout, breadcrumbItemKey, isCurrentCrumb, overflowMenuLabel } from "./breadcrumb.utils.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Breadcrumb","computeBreadcrumbOverflowLayout","breadcrumbItemKey","isCurrentCrumb","overflowMenuLabel"],"sourceRoot":"../../../../src","sources":["components/Breadcrumb/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,UAAU,QAAQ,iBAAc;AAKpD,SACIC,+BAA+B,EAC/BC,iBAAiB,EACjBC,cAAc,EACdC,iBAAiB,QACd,uBAAoB","ignoreList":[]}

package/lib/module/components/Button/Button.js

@@ -108,10 +108,7 @@ const Button = /*#__PURE__*/forwardRef(function Button({
     // Grouped members drop their shared edges; spread after the
     // resolved surface so `borderWidth` still covers the other sides.
     ,
-    style: {
-      ...styles.groupBorderWidths,
-      ...style
-    },
+    style: [styles.groupBorderWidths, style],
     ...rest,
     children: content
   });

package/lib/module/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useMemo","ButtonV2Size","ButtonV2State","ButtonV2SubType","ButtonV2Type","useNativeTokens","Pressable","Slot","Text","getButtonNativeStyles","getIconMaxHeight","getLoaderSize","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","buttonType","PRIMARY","size","SMALL","subType","DEFAULT","text","leftSlot","rightSlot","loading","disabled","state","buttonGroupPosition","width","minWidth","maxWidth","justifyContent","onPress","testID","accessibilityLabel","style","rest","ref","tokens","styles","iconMaxHeights","maxHeight","slotMaxHeight","iconColor","textColor","loaderColor","String","color","default","content","children","slot","left","hidden","Boolean","undefined","fontSize","fontWeight","lineHeight","textAlign","right","background","activeBackground","disabledBackground","border","activeBorder","disabledBorder","borderRadius","boxShadow","activeBoxShadow","paddingTop","padding","top","paddingRight","paddingBottom","bottom","paddingLeft","flexDirection","alignItems","gap","height","loaderSize","accessibilityRole","groupBorderWidths","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","ButtonV2Size","ButtonV2State","ButtonV2SubType","ButtonV2Type","useNativeTokens","Pressable","Slot","Text","getButtonNativeStyles","getIconMaxHeight","getLoaderSize","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","buttonType","PRIMARY","size","SMALL","subType","DEFAULT","text","leftSlot","rightSlot","loading","disabled","state","buttonGroupPosition","width","minWidth","maxWidth","justifyContent","onPress","testID","accessibilityLabel","style","rest","ref","tokens","styles","iconMaxHeights","maxHeight","slotMaxHeight","iconColor","textColor","loaderColor","String","color","default","content","children","slot","left","hidden","Boolean","undefined","fontSize","fontWeight","lineHeight","textAlign","right","background","activeBackground","disabledBackground","border","activeBorder","disabledBorder","borderRadius","boxShadow","activeBoxShadow","paddingTop","padding","top","paddingRight","paddingBottom","bottom","paddingLeft","flexDirection","alignItems","gap","height","loaderSize","accessibilityRole","groupBorderWidths","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Button/ButtonGroup.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import GroupView from "../shared/GroupView.js";
+
+/**
+ * Container for a row of Buttons — the native port of web's `ButtonGroupV2`.
+ *
+ * `stacked` joins members edge to edge and injects each child's
+ * `buttonGroupPosition`; the Button itself collapses its radius
+ * (`getButtonV2BorderRadius`) and shared borders (`groupBorderWidths`) from
+ * that prop, exactly as when the prop is set by hand. Non-stacked renders a
+ * spaced row and injects nothing — same as web.
+ *
+ * IconButton members work (their props keep `buttonGroupPosition`);
+ * LinkButton members do not (no group support, matching web).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const ButtonGroup = /*#__PURE__*/forwardRef(function ButtonGroup({
+  accessibilityLabel = 'Button group',
+  ...rest
+}, ref) {
+  return /*#__PURE__*/_jsx(GroupView, {
+    ...rest,
+    ref: ref,
+    positionProp: "buttonGroupPosition",
+    accessibilityLabel: accessibilityLabel
+  });
+});
+ButtonGroup.displayName = 'ButtonGroup';
+export default ButtonGroup;
+//# sourceMappingURL=ButtonGroup.js.map

package/lib/module/components/Button/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","GroupView","jsx","_jsx","ButtonGroup","accessibilityLabel","rest","ref","positionProp","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/ButtonGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAGlC,OAAOC,SAAS,MAAM,wBAAqB;;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,SAAAC,GAAA,IAAAC,IAAA;AA0BA,MAAMC,WAAW,gBAAGJ,UAAU,CAC1B,SAASI,WAAWA,CAChB;EAAEC,kBAAkB,GAAG,cAAc;EAAE,GAAGC;AAAK,CAAC,EAChDC,GAAG,EACL;EACE,oBACIJ,IAAA,CAACF,SAAS;IAAA,GACFK,IAAI;IACRC,GAAG,EAAEA,GAAI;IACTC,YAAY,EAAC,qBAAqB;IAClCH,kBAAkB,EAAEA;EAAmB,CAC1C,CAAC;AAEV,CACJ,CAAC;AAEDD,WAAW,CAACK,WAAW,GAAG,aAAa;AAEvC,eAAeL,WAAW","ignoreList":[]}

package/lib/module/components/Button/IconButton.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { forwardRef, useEffect } from 'react';
+import { ButtonV2SubType } from '@juspay/blend-design-system/node';
+import Button from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Icon-only button — the native port of web's `IconButton`.
+ *
+ * A thin wrapper over `Button`: the icon renders through `leftSlot` and
+ * `subType` is forced to `ICON_ONLY`, which selects the square padding and
+ * radius matrices from the BUTTONV2 tokens. No styling of its own.
+ *
+ * Divergence from web: the forced props are applied **after** the rest
+ * spread. Web spreads rest last, so a stray `subType`/`leftSlot` that got
+ * past the types could undo the icon-only shape at runtime; here it cannot.
+ */
+
+/** One warning per session — the portal.tsx dev-warning pattern. */
+let warnedBlankLabel = false;
+const IconButton = /*#__PURE__*/forwardRef(function IconButton({
+  icon,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  // Warned from an effect, not during render — a render-phase side
+  // effect fires twice under StrictMode and breaks with concurrent
+  // rendering (same reasoning as the portal's provider warning).
+  useEffect(() => {
+    if (typeof __DEV__ !== 'undefined' && __DEV__ && !warnedBlankLabel && accessibilityLabel.trim() === '') {
+      warnedBlankLabel = true;
+      console.warn('[blend-native] IconButton rendered with a blank ' + 'accessibilityLabel. Icon-only buttons have no text ' + 'fallback, so screen readers announce nothing.');
+    }
+  }, [accessibilityLabel]);
+  return /*#__PURE__*/_jsx(Button, {
+    ...rest,
+    ref: ref,
+    subType: ButtonV2SubType.ICON_ONLY,
+    text: undefined,
+    leftSlot: {
+      slot: icon
+    },
+    rightSlot: undefined,
+    accessibilityLabel: accessibilityLabel
+  });
+});
+IconButton.displayName = 'IconButton';
+export default IconButton;
+//# sourceMappingURL=IconButton.js.map

package/lib/module/components/Button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useEffect","ButtonV2SubType","Button","jsx","_jsx","warnedBlankLabel","IconButton","icon","accessibilityLabel","rest","ref","__DEV__","trim","console","warn","subType","ICON_ONLY","text","undefined","leftSlot","slot","rightSlot","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/IconButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAE7C,SAASC,eAAe,QAAQ,kCAAkC;AAClE,OAAOC,MAAM,MAAM,aAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,IAAIC,gBAAgB,GAAG,KAAK;AAE5B,MAAMC,UAAU,gBAAGP,UAAU,CACzB,SAASO,UAAUA,CAAC;EAAEC,IAAI;EAAEC,kBAAkB;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,EAAE;EAC5D;EACA;EACA;EACAV,SAAS,CAAC,MAAM;IACZ,IACI,OAAOW,OAAO,KAAK,WAAW,IAC9BA,OAAO,IACP,CAACN,gBAAgB,IACjBG,kBAAkB,CAACI,IAAI,CAAC,CAAC,KAAK,EAAE,EAClC;MACEP,gBAAgB,GAAG,IAAI;MACvBQ,OAAO,CAACC,IAAI,CACR,kDAAkD,GAC9C,qDAAqD,GACrD,+CACR,CAAC;IACL;EACJ,CAAC,EAAE,CAACN,kBAAkB,CAAC,CAAC;EAExB,oBACIJ,IAAA,CAACF,MAAM;IAAA,GACCO,IAAI;IACRC,GAAG,EAAEA,GAAI;IACTK,OAAO,EAAEd,eAAe,CAACe,SAAU;IACnCC,IAAI,EAAEC,SAAU;IAChBC,QAAQ,EAAE;MAAEC,IAAI,EAAEb;IAAK,CAAE;IACzBc,SAAS,EAAEH,SAAU;IACrBV,kBAAkB,EAAEA;EAAmB,CAC1C,CAAC;AAEV,CACJ,CAAC;AAEDF,UAAU,CAACgB,WAAW,GAAG,YAAY;AAErC,eAAehB,UAAU","ignoreList":[]}

package/lib/module/components/Button/LinkButton.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import Button from "./Button.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Link-styled button — the native port of web's `LinkButton`.
+ *
+ * On web this is a parallel anchor implementation of the whole ButtonV2
+ * style pipeline; on RN there is no anchor, so it is `Button` with
+ * `accessibilityRole="link"`. Same BUTTONV2 tokens, every subType including
+ * INLINE, no styling of its own.
+ *
+ * The role is passed through `Button`'s rest spread, which lands after its
+ * explicit `accessibilityRole="button"` — the render test pins that order.
+ */
+const LinkButton = /*#__PURE__*/forwardRef(function LinkButton(props, ref) {
+  return /*#__PURE__*/_jsx(Button, {
+    ...props,
+    ref: ref,
+    accessibilityRole: "link"
+  });
+});
+LinkButton.displayName = 'LinkButton';
+export default LinkButton;
+//# sourceMappingURL=LinkButton.js.map

package/lib/module/components/Button/LinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Button","jsx","_jsx","LinkButton","props","ref","accessibilityRole","displayName"],"sourceRoot":"../../../../src","sources":["components/Button/LinkButton.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,OAAOC,MAAM,MAAM,aAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAG7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,UAAU,gBAAGJ,UAAU,CACzB,SAASI,UAAUA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAC5B,oBAAOH,IAAA,CAACF,MAAM;IAAA,GAAKI,KAAK;IAAEC,GAAG,EAAEA,GAAI;IAACC,iBAAiB,EAAC;EAAM,CAAE,CAAC;AACnE,CACJ,CAAC;AAEDH,UAAU,CAACI,WAAW,GAAG,YAAY;AAErC,eAAeJ,UAAU","ignoreList":[]}

package/lib/module/components/Button/index.js

@@ -1,5 +1,8 @@
 "use strict";
 
 export { default as Button } from "./Button.js";
+export { default as ButtonGroup } from "./ButtonGroup.js";
+export { default as IconButton } from "./IconButton.js";
+export { default as LinkButton } from "./LinkButton.js";
 export { getButtonNativeStyles, getButtonPadding, getButtonV2BorderRadius, getButtonHeight, getIconMaxHeight, getLoaderSize, getTextColor } from "./button.utils.js";
 //# sourceMappingURL=index.js.map

package/lib/module/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default","Button","getButtonNativeStyles","getButtonPadding","getButtonV2BorderRadius","getButtonHeight","getIconMaxHeight","getLoaderSize","getTextColor"],"sourceRoot":"../../../../src","sources":["components/Button/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAE5C,SACIC,qBAAqB,EACrBC,gBAAgB,EAChBC,uBAAuB,EACvBC,eAAe,EACfC,gBAAgB,EAChBC,aAAa,EACbC,YAAY,QACT,mBAAgB","ignoreList":[]}
+{"version":3,"names":["default","Button","ButtonGroup","IconButton","LinkButton","getButtonNativeStyles","getButtonPadding","getButtonV2BorderRadius","getButtonHeight","getIconMaxHeight","getLoaderSize","getTextColor"],"sourceRoot":"../../../../src","sources":["components/Button/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,aAAU;AAC5C,SAASD,OAAO,IAAIE,WAAW,QAAQ,kBAAe;AACtD,SAASF,OAAO,IAAIG,UAAU,QAAQ,iBAAc;AACpD,SAASH,OAAO,IAAII,UAAU,QAAQ,iBAAc;AAOpD,SACIC,qBAAqB,EACrBC,gBAAgB,EAChBC,uBAAuB,EACvBC,eAAe,EACfC,gBAAgB,EAChBC,aAAa,EACbC,YAAY,QACT,mBAAgB","ignoreList":[]}