@yahoo/uds-mobile 1.0.0

package/dist/components/VStack.cjs

@@ -0,0 +1,46 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_components_Box = require('./Box.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/VStack.tsx
+/**
+* **📦 A vertical stack layout component**
+*
+* @description
+* A convenience component for creating vertical layouts. It's a Box with
+* `flexDirection="column"` preset.
+*
+* @example
+* ```tsx
+* import { VStack } from '@yahoo/uds-mobile';
+*
+* <VStack gap="4" alignItems="stretch">
+*   <Text>Item 1</Text>
+*   <Text>Item 2</Text>
+* </VStack>
+* ```
+*
+* @usage
+* - Use for vertical arrangements of elements
+* - Use gap prop for consistent spacing between children
+*
+* @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+*
+* @related [HStack](https://uds.build/docs/components/h-stack), [Box](https://uds.build/docs/components/box)
+*/
+const VStack = (0, react.memo)(function VStack$1({ gap, children, ref, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+		ref,
+		flexDirection: "column",
+		columnGap: gap,
+		rowGap: gap,
+		...props,
+		children
+	});
+});
+VStack.displayName = "VStack";
+
+//#endregion
+exports.VStack = VStack;

package/dist/components/VStack.d.cts

@@ -0,0 +1,41 @@
+
+import { BoxProps } from "./Box.cjs";
+import * as react7 from "react";
+import { Ref } from "react";
+import { View } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/VStack.d.ts
+interface VStackProps extends Omit<BoxProps, 'ref'> {
+  gap?: StyleProps['rowGap'];
+  ref?: Ref<View>;
+}
+/**
+ * **📦 A vertical stack layout component**
+ *
+ * @description
+ * A convenience component for creating vertical layouts. It's a Box with
+ * `flexDirection="column"` preset.
+ *
+ * @example
+ * ```tsx
+ * import { VStack } from '@yahoo/uds-mobile';
+ *
+ * <VStack gap="4" alignItems="stretch">
+ *   <Text>Item 1</Text>
+ *   <Text>Item 2</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Use for vertical arrangements of elements
+ * - Use gap prop for consistent spacing between children
+ *
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [Box](https://uds.build/docs/components/box)
+ */
+declare const VStack: react7.NamedExoticComponent<VStackProps>;
+//#endregion
+export { VStack, type VStackProps };
+//# sourceMappingURL=VStack.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.cts","names":[],"sources":["../../src/components/VStack.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UAQU,WAAA,SAAoB,KAAK;QAC3B;QACA,IAAI;AAL0B;;;;;;;AAGJ;;;;;;;;;;;;;;;;;;;cA8B5B,QAAM,MAAA,CAAA,qBAAA"}

package/dist/components/VStack.d.mts

@@ -0,0 +1,41 @@
+
+import { BoxProps } from "./Box.mjs";
+import * as react2 from "react";
+import { Ref } from "react";
+import { View } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/VStack.d.ts
+interface VStackProps extends Omit<BoxProps, 'ref'> {
+  gap?: StyleProps['rowGap'];
+  ref?: Ref<View>;
+}
+/**
+ * **📦 A vertical stack layout component**
+ *
+ * @description
+ * A convenience component for creating vertical layouts. It's a Box with
+ * `flexDirection="column"` preset.
+ *
+ * @example
+ * ```tsx
+ * import { VStack } from '@yahoo/uds-mobile';
+ *
+ * <VStack gap="4" alignItems="stretch">
+ *   <Text>Item 1</Text>
+ *   <Text>Item 2</Text>
+ * </VStack>
+ * ```
+ *
+ * @usage
+ * - Use for vertical arrangements of elements
+ * - Use gap prop for consistent spacing between children
+ *
+ * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [Box](https://uds.build/docs/components/box)
+ */
+declare const VStack: react2.NamedExoticComponent<VStackProps>;
+//#endregion
+export { VStack, type VStackProps };
+//# sourceMappingURL=VStack.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.d.mts","names":[],"sources":["../../src/components/VStack.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UAQU,WAAA,SAAoB,KAAK;QAC3B;QACA,IAAI;AAL0B;;;;;;;AAGJ;;;;;;;;;;;;;;;;;;;cA8B5B,QAAM,MAAA,CAAA,qBAAA"}

package/dist/components/VStack.mjs

@@ -0,0 +1,46 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { Box } from "./Box.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/VStack.tsx
+/**
+* **📦 A vertical stack layout component**
+*
+* @description
+* A convenience component for creating vertical layouts. It's a Box with
+* `flexDirection="column"` preset.
+*
+* @example
+* ```tsx
+* import { VStack } from '@yahoo/uds-mobile';
+*
+* <VStack gap="4" alignItems="stretch">
+*   <Text>Item 1</Text>
+*   <Text>Item 2</Text>
+* </VStack>
+* ```
+*
+* @usage
+* - Use for vertical arrangements of elements
+* - Use gap prop for consistent spacing between children
+*
+* @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info
+*
+* @related [HStack](https://uds.build/docs/components/h-stack), [Box](https://uds.build/docs/components/box)
+*/
+const VStack = memo(function VStack$1({ gap, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Box, {
+		ref,
+		flexDirection: "column",
+		columnGap: gap,
+		rowGap: gap,
+		...props,
+		children
+	});
+});
+VStack.displayName = "VStack";
+
+//#endregion
+export { VStack };
+//# sourceMappingURL=VStack.mjs.map

package/dist/components/VStack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VStack.mjs","names":["VStack"],"sources":["../../src/components/VStack.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo } from 'react';\nimport type { View } from 'react-native';\n\nimport type { StyleProps } from '../../generated/styles';\nimport type { BoxProps } from './Box';\nimport { Box } from './Box';\n\ninterface VStackProps extends Omit<BoxProps, 'ref'> {\n  gap?: StyleProps['rowGap'];\n  ref?: Ref<View>;\n}\n\n/**\n * **📦 A vertical stack layout component**\n *\n * @description\n * A convenience component for creating vertical layouts. It's a Box with\n * `flexDirection=\"column\"` preset.\n *\n * @example\n * ```tsx\n * import { VStack } from '@yahoo/uds-mobile';\n *\n * <VStack gap=\"4\" alignItems=\"stretch\">\n *   <Text>Item 1</Text>\n *   <Text>Item 2</Text>\n * </VStack>\n * ```\n *\n * @usage\n * - Use for vertical arrangements of elements\n * - Use gap prop for consistent spacing between children\n *\n * @see The {@link https://uds.build/docs/components/v-stack VStack Docs} for more info\n *\n * @related [HStack](https://uds.build/docs/components/h-stack), [Box](https://uds.build/docs/components/box)\n */\nconst VStack = memo(function VStack({ gap, children, ref, ...props }: VStackProps) {\n  return (\n    <Box ref={ref} flexDirection=\"column\" columnGap={gap} rowGap={gap} {...props}>\n      {children}\n    </Box>\n  );\n});\n\nVStack.displayName = 'VStack';\n\nexport { VStack, type VStackProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAM,SAAS,KAAK,SAASA,SAAO,EAAE,KAAK,UAAU,KAAK,GAAG,SAAsB;AACjF,QACE,oBAAC;EAAS;EAAK,eAAc;EAAS,WAAW;EAAK,QAAQ;EAAK,GAAI;EACpE;GACG;EAER;AAEF,OAAO,cAAc"}