jfs-components 0.0.6 → 0.0.7

package/lib/commonjs/components/Tooltip/Tooltip.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as TooltipStories from './Tooltip.stories';
 import { Tooltip } from './Tooltip';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 <Canvas>

package/lib/commonjs/components/TransactionBubble/TransactionBubble.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as TransactionBubbleStories from './TransactionBubble.stories';
 import TransactionBubble from './TransactionBubble';
 

package/lib/commonjs/components/TransactionDetails/TransactionDetails.js

@@ -7,31 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _reactUtils = require("../../utils/react-utils");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Helper function to recursively clone children and pass modes prop to components that accept it.
- */function cloneChildrenWithModes(children, modes) {
-  const result = _react.default.Children.map(children, child => {
-    if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-      return child;
-    }
-    const childChildren = child.props?.children;
-    const hasChildren = childChildren !== undefined && childChildren !== null;
-    const existingModes = child.props?.modes;
-    const mergedModes = existingModes ? {
-      ...modes,
-      ...existingModes
-    } : modes;
-    const processedChildren = hasChildren ? cloneChildrenWithModes(_react.default.Children.toArray(childChildren), modes) : undefined;
-    return /*#__PURE__*/_react.default.cloneElement(child, {
-      ...child.props,
-      modes: mergedModes
-    }, processedChildren);
-  });
-  return result || [];
-}
-
 // ===== Item Subcomponent =====
 
 /**
@@ -161,7 +139,7 @@ function TransactionDetails({
   };
 
   // Process children to pass modes prop
-  const processedChildren = children ? cloneChildrenWithModes(_react.default.Children.toArray(children), modes) : null;
+  const processedChildren = children ? (0, _reactUtils.cloneChildrenWithModes)(_react.default.Children.toArray(children), modes) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [containerStyle, style],
     accessibilityRole: "summary",

package/lib/commonjs/components/TransactionDetails/TransactionDetails.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_jsxRuntime","e","__esModule","default","cloneChildrenWithModes","children","modes","result","React","Children","map","child","isValidElement","childChildren","props","hasChildren","undefined","existingModes","mergedModes","processedChildren","toArray","cloneElement","Item","label","value","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","getVariableByName","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","jsxs","View","accessibilityRole","jsx","Text","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","_default","exports"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_reactUtils","_jsxRuntime","e","__esModule","default","Item","label","value","modes","style","labelStyle","valueStyle","accessibilityLabel","rest","gap","getVariableByName","labelColor","labelFontSize","labelFontFamily","labelLineHeight","labelFontWeightRaw","labelFontWeight","toString","valueColor","valueFontSize","valueFontFamily","valueLineHeight","valueFontWeightRaw","valueFontWeight","containerStyle","flexDirection","alignItems","justifyContent","labelTextStyle","color","fontSize","fontFamily","lineHeight","fontWeight","valueTextStyle","defaultAccessibilityLabel","jsxs","View","accessibilityRole","children","jsx","Text","accessibilityElementsHidden","importantForAccessibility","TransactionDetails","paddingHorizontal","paddingVertical","processedChildren","cloneChildrenWithModes","React","Children","toArray","_default","exports"],"sourceRoot":"../../../../src","sources":["components/TransactionDetails/TransactionDetails.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TransactionDetails/TransactionDetails.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as TransactionDetailsStories from './TransactionDetails.stories';
 import TransactionDetails from './TransactionDetails';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';

package/lib/commonjs/components/TransactionStatus/TransactionStatus.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as TransactionStatusStories from './TransactionStatus.stories';
 import TransactionStatus from './TransactionStatus';
 

package/lib/commonjs/components/UpiHandle/UpiHandle.mdx

@@ -1,4 +1,4 @@
-import { Meta, Story, Canvas, PureArgsTable as ArgsTable } from '@storybook/addon-docs/blocks';
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
 import * as UpiHandleStories from './UpiHandle.stories';
 import UpiHandle from './UpiHandle';
 import { AccessibilitySection, AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
@@ -16,6 +16,10 @@ This component uses the following design token collections. Each collection supp
 ### Color Mode
 - **Modes:** Light | Dark
 - **Default:** Light
+
+### Colors Router
+- **Modes:** POC | Old
+- **Default:** POC
 ## Usage
 
 <Canvas>

package/lib/commonjs/components/VStack/VStack.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VStack = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _figmaVariablesResolver = require("../../design-tokens/figma-variables-resolver");
+var _JFSThemeProvider = require("../../design-tokens/JFSThemeProvider");
+var _reactUtils = require("../../utils/react-utils");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * VStack component for vertical layout using design token spacing.
+ */
+const VStack = ({
+  children,
+  alignHorizontal,
+  justifyVertical,
+  wrap,
+  reverse = false,
+  as,
+  modes: propModes = {},
+  style,
+  ...rest
+}) => {
+  const {
+    modes: globalModes
+  } = (0, _JFSThemeProvider.useTokens)();
+  const modes = {
+    ...globalModes,
+    ...propModes
+  };
+  const paddingTop = (0, _figmaVariablesResolver.getVariableByName)('vstack/padding/top', modes);
+  const paddingBottom = (0, _figmaVariablesResolver.getVariableByName)('vstack/padding/bottom', modes);
+  const paddingLeft = (0, _figmaVariablesResolver.getVariableByName)('vstack/padding/left', modes);
+  const paddingRight = (0, _figmaVariablesResolver.getVariableByName)('vstack/padding/right', modes);
+  const gap = (0, _figmaVariablesResolver.getVariableByName)('vstack/gap', modes);
+  const flexWrap = typeof wrap === 'boolean' ? wrap ? 'wrap' : 'nowrap' : wrap;
+  const containerStyle = {
+    flexDirection: reverse ? 'column-reverse' : 'column',
+    alignItems: alignHorizontal,
+    justifyContent: justifyVertical,
+    flexWrap,
+    paddingTop,
+    paddingBottom,
+    paddingLeft,
+    paddingRight,
+    gap
+  };
+
+  // Pass modes down to children
+  const processedChildren = children ? (0, _reactUtils.cloneChildrenWithModes)(children, modes) : null;
+
+  // "as" prop handling for web - passed via rest if supported by the underlying view implementation on web,
+  // or manually added here. Since View from react-native doesn't formally support "as" in types,
+  // we rely on it being passed through or handled by the web layer if applicable.
+  // For type safety with standard RN View, we might cast props if needed, but passing ...rest usually works for extra props.
+  // We explicitly include 'as' in the props passed to View.
+  const viewProps = {
+    ...rest,
+    as
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [containerStyle, style],
+    ...viewProps,
+    children: processedChildren
+  });
+};
+exports.VStack = VStack;
+var _default = exports.default = VStack;
+//# sourceMappingURL=VStack.js.map

package/lib/commonjs/components/VStack/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_figmaVariablesResolver","_JFSThemeProvider","_reactUtils","_jsxRuntime","e","__esModule","default","VStack","children","alignHorizontal","justifyVertical","wrap","reverse","as","modes","propModes","style","rest","globalModes","useTokens","paddingTop","getVariableByName","paddingBottom","paddingLeft","paddingRight","gap","flexWrap","containerStyle","flexDirection","alignItems","justifyContent","processedChildren","cloneChildrenWithModes","viewProps","jsx","View","exports","_default"],"sourceRoot":"../../../../src","sources":["components/VStack/VStack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAgE,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoChE;AACA;AACA;AACO,MAAMG,MAAM,GAAGA,CAAC;EACnBC,QAAQ;EACRC,eAAe;EACfC,eAAe;EACfC,IAAI;EACJC,OAAO,GAAG,KAAK;EACfC,EAAE;EACFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACL,GAAGC;AACM,CAAC,KAAK;EACf,MAAM;IAAEH,KAAK,EAAEI;EAAY,CAAC,GAAG,IAAAC,2BAAS,EAAC,CAAC;EAC1C,MAAML,KAAK,GAAG;IAAE,GAAGI,WAAW;IAAE,GAAGH;EAAU,CAAC;EAE9C,MAAMK,UAAU,GAAG,IAAAC,yCAAiB,EAAC,oBAAoB,EAAEP,KAAK,CAAC;EACjE,MAAMQ,aAAa,GAAG,IAAAD,yCAAiB,EAAC,uBAAuB,EAAEP,KAAK,CAAC;EACvE,MAAMS,WAAW,GAAG,IAAAF,yCAAiB,EAAC,qBAAqB,EAAEP,KAAK,CAAC;EACnE,MAAMU,YAAY,GAAG,IAAAH,yCAAiB,EAAC,sBAAsB,EAAEP,KAAK,CAAC;EACrE,MAAMW,GAAG,GAAG,IAAAJ,yCAAiB,EAAC,YAAY,EAAEP,KAAK,CAAC;EAElD,MAAMY,QAAQ,GAAG,OAAOf,IAAI,KAAK,SAAS,GAAIA,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAIA,IAAI;EAE9E,MAAMgB,cAAyB,GAAG;IAC9BC,aAAa,EAAEhB,OAAO,GAAG,gBAAgB,GAAG,QAAQ;IACpDiB,UAAU,EAAEpB,eAAe;IAC3BqB,cAAc,EAAEpB,eAAe;IAC/BgB,QAAQ;IACRN,UAAU;IACVE,aAAa;IACbC,WAAW;IACXC,YAAY;IACZC;EACJ,CAAC;;EAED;EACA,MAAMM,iBAAiB,GAAGvB,QAAQ,GAC5B,IAAAwB,kCAAsB,EAACxB,QAAQ,EAAEM,KAAK,CAAC,GACvC,IAAI;;EAEV;EACA;EACA;EACA;EACA;EACA,MAAMmB,SAAS,GAAG;IACd,GAAGhB,IAAI;IACPJ;EACJ,CAAC;EAED,oBACI,IAAAV,WAAA,CAAA+B,GAAA,EAACnC,YAAA,CAAAoC,IAAI;IAACnB,KAAK,EAAE,CAACW,cAAc,EAAEX,KAAK,CAAE;IAAA,GAAKiB,SAAS;IAAAzB,QAAA,EAC9CuB;EAAiB,CAChB,CAAC;AAEf,CAAC;AAAAK,OAAA,CAAA7B,MAAA,GAAAA,MAAA;AAAA,IAAA8B,QAAA,GAAAD,OAAA,CAAA9B,OAAA,GAEcC,MAAM","ignoreList":[]}

package/lib/commonjs/components/VStack/VStack.mdx

@@ -0,0 +1,44 @@
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
+import * as VStackStories from './VStack.stories';
+import VStack from './VStack';
+
+<Meta of={VStackStories} />
+
+# VStack
+
+`VStack` arranges its children in a vertical line. It uses design tokens for spacing and gap.
+
+
+## Available Collections and Modes
+
+This component does not use any design token collections with multiple modes.
+## Usage
+
+```tsx
+import { VStack } from 'jfs-components';
+
+<VStack alignHorizontal="center" modes={{ 'vstack/gap': 16 }}>
+  <View>Item 1</View>
+  <View>Item 2</View>
+</VStack>
+```
+
+<Canvas>
+  <Story of={VStackStories.Default} />
+</Canvas>
+
+## Props
+
+<Controls of={VStackStories.Default} />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`vstack/gap`**
+- **`vstack/padding/bottom`**
+- **`vstack/padding/left`**
+- **`vstack/padding/right`**
+- **`vstack/padding/top`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/commonjs/components/index.js

@@ -63,6 +63,12 @@ Object.defineProperty(exports, "CardFeedback", {
     return _CardFeedback.default;
   }
 });
+Object.defineProperty(exports, "ChipGroup", {
+  enumerable: true,
+  get: function () {
+    return _ChipGroup.default;
+  }
+});
 Object.defineProperty(exports, "CtaCard", {
   enumerable: true,
   get: function () {
@@ -87,12 +93,24 @@ Object.defineProperty(exports, "Drawer", {
     return _Drawer.default;
   }
 });
+Object.defineProperty(exports, "EmptyState", {
+  enumerable: true,
+  get: function () {
+    return _EmptyState.default;
+  }
+});
 Object.defineProperty(exports, "FilterBar", {
   enumerable: true,
   get: function () {
     return _FilterBar.default;
   }
 });
+Object.defineProperty(exports, "HStack", {
+  enumerable: true,
+  get: function () {
+    return _HStack.default;
+  }
+});
 Object.defineProperty(exports, "IconButton", {
   enumerable: true,
   get: function () {
@@ -219,6 +237,12 @@ Object.defineProperty(exports, "UpiHandle", {
     return _UpiHandle.default;
   }
 });
+Object.defineProperty(exports, "VStack", {
+  enumerable: true,
+  get: function () {
+    return _VStack.default;
+  }
+});
 var _ActionFooter = _interopRequireDefault(require("./ActionFooter/ActionFooter"));
 var _AppBar = _interopRequireDefault(require("./AppBar/AppBar"));
 var _Avatar = _interopRequireDefault(require("./Avatar/Avatar"));
@@ -234,6 +258,7 @@ var _Divider = _interopRequireDefault(require("./Divider/Divider"));
 var _Drawer = _interopRequireDefault(require("./Drawer/Drawer"));
 var _CtaCard = _interopRequireDefault(require("./CtaCard/CtaCard"));
 var _FilterBar = _interopRequireDefault(require("./FilterBar/FilterBar"));
+var _HStack = _interopRequireDefault(require("./HStack/HStack"));
 var _IconButton = _interopRequireDefault(require("./IconButton/IconButton"));
 var _IconCapsule = _interopRequireDefault(require("./IconCapsule/IconCapsule"));
 var _LazyList = _interopRequireDefault(require("./LazyList/LazyList"));
@@ -255,5 +280,8 @@ var _TransactionBubble = _interopRequireDefault(require("./TransactionBubble/Tra
 var _TransactionDetails = _interopRequireDefault(require("./TransactionDetails/TransactionDetails"));
 var _TransactionStatus = _interopRequireDefault(require("./TransactionStatus/TransactionStatus"));
 var _UpiHandle = _interopRequireDefault(require("./UpiHandle/UpiHandle"));
+var _VStack = _interopRequireDefault(require("./VStack/VStack"));
+var _ChipGroup = _interopRequireDefault(require("./ChipGroup/ChipGroup"));
+var _EmptyState = _interopRequireDefault(require("./EmptyState/EmptyState"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ActionFooter","_interopRequireDefault","require","_AppBar","_Avatar","_AvatarGroup","_Badge","_BottomNav","_BottomNavItem","_Button","_Card","_CardFeedback","_Disclaimer","_Divider","_Drawer","_CtaCard","_FilterBar","_IconButton","_IconCapsule","_LazyList","_ListGroup","_ListItem","_MediaCard","_MerchantProfile","_MoneyValue","_NavArrow","_PageTitle","_Section","_Stepper","_Step","_StepLabel","_TextInput","_ThreadHero","_Tooltip","_TransactionBubble","_TransactionDetails","_TransactionStatus","_UpiHandle","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,OAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,aAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,QAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,WAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,YAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,SAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,UAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,SAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,UAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,gBAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,WAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,SAAA,GAAAxB,sBAAA,CAAAC,OAAA;AACA,IAAAwB,UAAA,GAAAzB,sBAAA,CAAAC,OAAA;AACA,IAAAyB,QAAA,GAAA1B,sBAAA,CAAAC,OAAA;AACA,IAAA0B,QAAA,GAAA3B,sBAAA,CAAAC,OAAA;AACA,IAAA2B,KAAA,GAAA3B,OAAA;AACA,IAAA4B,UAAA,GAAA5B,OAAA;AACA,IAAA6B,UAAA,GAAA9B,sBAAA,CAAAC,OAAA;AACA,IAAA8B,WAAA,GAAA/B,sBAAA,CAAAC,OAAA;AACA,IAAA+B,QAAA,GAAA/B,OAAA;AACA,IAAAgC,kBAAA,GAAAjC,sBAAA,CAAAC,OAAA;AACA,IAAAiC,mBAAA,GAAAlC,sBAAA,CAAAC,OAAA;AACA,IAAAkC,kBAAA,GAAAnC,sBAAA,CAAAC,OAAA;AACA,IAAAmC,UAAA,GAAApC,sBAAA,CAAAC,OAAA;AAA6D,SAAAD,uBAAAqC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
+{"version":3,"names":["_ActionFooter","_interopRequireDefault","require","_AppBar","_Avatar","_AvatarGroup","_Badge","_BottomNav","_BottomNavItem","_Button","_Card","_CardFeedback","_Disclaimer","_Divider","_Drawer","_CtaCard","_FilterBar","_HStack","_IconButton","_IconCapsule","_LazyList","_ListGroup","_ListItem","_MediaCard","_MerchantProfile","_MoneyValue","_NavArrow","_PageTitle","_Section","_Stepper","_Step","_StepLabel","_TextInput","_ThreadHero","_Tooltip","_TransactionBubble","_TransactionDetails","_TransactionStatus","_UpiHandle","_VStack","_ChipGroup","_EmptyState","e","__esModule","default"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,cAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,OAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,aAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,WAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,OAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,QAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,WAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,YAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,SAAA,GAAAnB,sBAAA,CAAAC,OAAA;AACA,IAAAmB,UAAA,GAAApB,sBAAA,CAAAC,OAAA;AACA,IAAAoB,SAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,UAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,gBAAA,GAAAvB,sBAAA,CAAAC,OAAA;AACA,IAAAuB,WAAA,GAAAxB,sBAAA,CAAAC,OAAA;AACA,IAAAwB,SAAA,GAAAzB,sBAAA,CAAAC,OAAA;AACA,IAAAyB,UAAA,GAAA1B,sBAAA,CAAAC,OAAA;AACA,IAAA0B,QAAA,GAAA3B,sBAAA,CAAAC,OAAA;AACA,IAAA2B,QAAA,GAAA5B,sBAAA,CAAAC,OAAA;AACA,IAAA4B,KAAA,GAAA5B,OAAA;AACA,IAAA6B,UAAA,GAAA7B,OAAA;AACA,IAAA8B,UAAA,GAAA/B,sBAAA,CAAAC,OAAA;AACA,IAAA+B,WAAA,GAAAhC,sBAAA,CAAAC,OAAA;AACA,IAAAgC,QAAA,GAAAhC,OAAA;AACA,IAAAiC,kBAAA,GAAAlC,sBAAA,CAAAC,OAAA;AACA,IAAAkC,mBAAA,GAAAnC,sBAAA,CAAAC,OAAA;AACA,IAAAmC,kBAAA,GAAApC,sBAAA,CAAAC,OAAA;AACA,IAAAoC,UAAA,GAAArC,sBAAA,CAAAC,OAAA;AACA,IAAAqC,OAAA,GAAAtC,sBAAA,CAAAC,OAAA;AACA,IAAAsC,UAAA,GAAAvC,sBAAA,CAAAC,OAAA;AACA,IAAAuC,WAAA,GAAAxC,sBAAA,CAAAC,OAAA;AAAsF,SAAAD,uBAAAyC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}