@yahoo/uds-mobile 1.0.0

package/dist/components/Badge.d.cts

@@ -0,0 +1,43 @@
+
+import { BadgeSize, BadgeVariant } from "../uds/dist/tokens/types.cjs";
+import { IconSlotType } from "./IconSlot.cjs";
+import * as react14 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Badge.d.ts
+interface BadgeProps extends ViewProps {
+  /** @default 'primary' */
+  variant?: BadgeVariant;
+  /** @default 'md' */
+  size?: BadgeSize;
+  minWidth?: number;
+  /** @default 200 */
+  maxWidth?: number;
+  startIcon?: IconSlotType;
+  endIcon?: IconSlotType;
+  dangerouslySetBackgroundColor?: string;
+  dangerouslySetColor?: string;
+  dangerouslySetBorderColor?: string;
+  dangerouslySetIconColor?: string;
+  ref?: Ref<View>;
+}
+/**
+ * **A badge component for status indicators**
+ *
+ * @description
+ * Badges show notifications, counts, or status information on navigation items and icons.
+ *
+ * @example
+ * ```tsx
+ * import { Badge } from '~/components/ui/Badge';
+ *
+ * <Badge>Label</Badge>
+ * <Badge variant="brand" size="sm">New</Badge>
+ * <Badge variant="alert" startIcon="Warning">Error</Badge>
+ * ```
+ */
+declare const Badge: react14.NamedExoticComponent<BadgeProps>;
+//#endregion
+export { Badge, type BadgeProps };
+//# sourceMappingURL=Badge.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.cts","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UAWU,UAAA,SAAmB;;YAEjB;EAFF;EAEE,IAAA,CAAA,EAEH,SAFG;EAEH,QAAA,CAAA,EAAA,MAAA;EAIK;EACF,QAAA,CAAA,EAAA,MAAA;EAKA,SAAA,CAAA,EANE,YAMF;EAAJ,OAAA,CAAA,EALI,YAKJ;EAdqB,6BAAA,CAAA,EAAA,MAAA;EAAS,mBAAA,CAAA,EAAA,MAAA;EAgChC,yBAAK,CAAA,EAAA,MAAA;;QAlBH,IAAI;;;;;;;;;;;;;;;;;cAkBN,OAAK,OAAA,CAAA,qBAAA"}

package/dist/components/Badge.d.mts

@@ -0,0 +1,43 @@
+
+import { BadgeSize, BadgeVariant } from "../uds/dist/tokens/types.mjs";
+import { IconSlotType } from "./IconSlot.mjs";
+import * as react6 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+
+//#region src/components/Badge.d.ts
+interface BadgeProps extends ViewProps {
+  /** @default 'primary' */
+  variant?: BadgeVariant;
+  /** @default 'md' */
+  size?: BadgeSize;
+  minWidth?: number;
+  /** @default 200 */
+  maxWidth?: number;
+  startIcon?: IconSlotType;
+  endIcon?: IconSlotType;
+  dangerouslySetBackgroundColor?: string;
+  dangerouslySetColor?: string;
+  dangerouslySetBorderColor?: string;
+  dangerouslySetIconColor?: string;
+  ref?: Ref<View>;
+}
+/**
+ * **A badge component for status indicators**
+ *
+ * @description
+ * Badges show notifications, counts, or status information on navigation items and icons.
+ *
+ * @example
+ * ```tsx
+ * import { Badge } from '~/components/ui/Badge';
+ *
+ * <Badge>Label</Badge>
+ * <Badge variant="brand" size="sm">New</Badge>
+ * <Badge variant="alert" startIcon="Warning">Error</Badge>
+ * ```
+ */
+declare const Badge: react6.NamedExoticComponent<BadgeProps>;
+//#endregion
+export { Badge, type BadgeProps };
+//# sourceMappingURL=Badge.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../../src/components/Badge.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UAWU,UAAA,SAAmB;;YAEjB;EAFF;EAEE,IAAA,CAAA,EAEH,SAFG;EAEH,QAAA,CAAA,EAAA,MAAA;EAIK;EACF,QAAA,CAAA,EAAA,MAAA;EAKA,SAAA,CAAA,EANE,YAMF;EAAJ,OAAA,CAAA,EALI,YAKJ;EAdqB,6BAAA,CAAA,EAAA,MAAA;EAAS,mBAAA,CAAA,EAAA,MAAA;EAgChC,yBAAK,CAAA,EAAA,MAAA;;QAlBH,IAAI;;;;;;;;;;;;;;;;;cAkBN,OAAK,MAAA,CAAA,qBAAA"}

package/dist/components/Badge.mjs

@@ -0,0 +1,68 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { IconSlot } from "./IconSlot.mjs";
+import { Text } from "./Text.mjs";
+import { HStack } from "./HStack.mjs";
+import { memo, useMemo } from "react";
+import { badgeStyles } from "../../generated/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Badge.tsx
+/**
+* **A badge component for status indicators**
+*
+* @description
+* Badges show notifications, counts, or status information on navigation items and icons.
+*
+* @example
+* ```tsx
+* import { Badge } from '~/components/ui/Badge';
+*
+* <Badge>Label</Badge>
+* <Badge variant="brand" size="sm">New</Badge>
+* <Badge variant="alert" startIcon="Warning">Error</Badge>
+* ```
+*/
+const Badge = memo(function Badge$1({ variant = "primary", size = "md", minWidth, maxWidth = 200, startIcon, endIcon, dangerouslySetBackgroundColor, dangerouslySetColor, dangerouslySetIconColor, dangerouslySetBorderColor, children, style, ref, ...rest }) {
+	badgeStyles.useVariants({
+		size,
+		variant
+	});
+	return /* @__PURE__ */ jsxs(HStack, {
+		ref,
+		alignItems: "center",
+		overflow: "hidden",
+		alignSelf: "flex-start",
+		maxWidth,
+		minWidth,
+		dangerouslySetBackgroundColor,
+		dangerouslySetBorderColor,
+		style: useMemo(() => [badgeStyles.root, style], [style, badgeStyles.root]),
+		...rest,
+		children: [
+			startIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: startIcon,
+				variant: "fill",
+				dangerouslySetColor: dangerouslySetIconColor,
+				style: badgeStyles.icon
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				numberOfLines: 1,
+				flexShrink: "1",
+				dangerouslySetColor,
+				style: badgeStyles.text,
+				children
+			}),
+			endIcon && /* @__PURE__ */ jsx(IconSlot, {
+				icon: endIcon,
+				variant: "fill",
+				dangerouslySetColor: dangerouslySetIconColor,
+				style: badgeStyles.icon
+			})
+		]
+	});
+});
+Badge.displayName = "Badge";
+
+//#endregion
+export { Badge };
+//# sourceMappingURL=Badge.mjs.map

package/dist/components/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","names":["Badge"],"sources":["../../src/components/Badge.tsx"],"sourcesContent":["import type { BadgeSize, BadgeVariant } from '@yahoo/uds/tokens';\nimport type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { View, ViewProps } from 'react-native';\n\nimport { badgeStyles } from '../../generated/styles';\nimport { HStack } from './HStack';\nimport type { IconSlotType } from './IconSlot';\nimport { IconSlot } from './IconSlot';\nimport { Text } from './Text';\n\ninterface BadgeProps extends ViewProps {\n  /** @default 'primary' */\n  variant?: BadgeVariant;\n  /** @default 'md' */\n  size?: BadgeSize;\n  minWidth?: number;\n  /** @default 200 */\n  maxWidth?: number;\n  startIcon?: IconSlotType;\n  endIcon?: IconSlotType;\n  dangerouslySetBackgroundColor?: string;\n  dangerouslySetColor?: string;\n  dangerouslySetBorderColor?: string;\n  dangerouslySetIconColor?: string;\n  ref?: Ref<View>;\n}\n\n/**\n * **A badge component for status indicators**\n *\n * @description\n * Badges show notifications, counts, or status information on navigation items and icons.\n *\n * @example\n * ```tsx\n * import { Badge } from '~/components/ui/Badge';\n *\n * <Badge>Label</Badge>\n * <Badge variant=\"brand\" size=\"sm\">New</Badge>\n * <Badge variant=\"alert\" startIcon=\"Warning\">Error</Badge>\n * ```\n */\nconst Badge = memo(function Badge({\n  variant = 'primary',\n  size = 'md',\n  minWidth,\n  maxWidth = 200,\n  startIcon,\n  endIcon,\n  dangerouslySetBackgroundColor,\n  dangerouslySetColor,\n  dangerouslySetIconColor,\n  dangerouslySetBorderColor,\n  children,\n  style,\n  ref,\n  ...rest\n}: BadgeProps) {\n  badgeStyles.useVariants({ size, variant });\n  const rootStyles = useMemo(() => [badgeStyles.root, style], [style, badgeStyles.root]);\n\n  return (\n    <HStack\n      ref={ref}\n      alignItems=\"center\"\n      overflow=\"hidden\"\n      alignSelf=\"flex-start\"\n      maxWidth={maxWidth}\n      minWidth={minWidth}\n      dangerouslySetBackgroundColor={dangerouslySetBackgroundColor}\n      dangerouslySetBorderColor={dangerouslySetBorderColor}\n      // Cannot memoize - styles contain theme-reactive values\n      style={rootStyles}\n      {...rest}\n    >\n      {startIcon && (\n        <IconSlot\n          icon={startIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n      <Text\n        numberOfLines={1}\n        flexShrink=\"1\"\n        dangerouslySetColor={dangerouslySetColor}\n        style={badgeStyles.text}\n      >\n        {children}\n      </Text>\n      {endIcon && (\n        <IconSlot\n          icon={endIcon}\n          variant=\"fill\"\n          dangerouslySetColor={dangerouslySetIconColor}\n          style={badgeStyles.icon}\n        />\n      )}\n    </HStack>\n  );\n});\n\nBadge.displayName = 'Badge';\n\nexport { Badge, type BadgeProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,QAAQ,KAAK,SAASA,QAAM,EAChC,UAAU,WACV,OAAO,MACP,UACA,WAAW,KACX,WACA,SACA,+BACA,qBACA,yBACA,2BACA,UACA,OACA,KACA,GAAG,QACU;AACb,aAAY,YAAY;EAAE;EAAM;EAAS,CAAC;AAG1C,QACE,qBAAC;EACM;EACL,YAAW;EACX,UAAS;EACT,WAAU;EACA;EACA;EACqB;EACJ;EAE3B,OAbe,cAAc,CAAC,YAAY,MAAM,MAAM,EAAE,CAAC,OAAO,YAAY,KAAK,CAAC;EAclF,GAAI;;GAEH,aACC,oBAAC;IACC,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;KACnB;GAEJ,oBAAC;IACC,eAAe;IACf,YAAW;IACU;IACrB,OAAO,YAAY;IAElB;KACI;GACN,WACC,oBAAC;IACC,MAAM;IACN,SAAQ;IACR,qBAAqB;IACrB,OAAO,YAAY;KACnB;;GAEG;EAEX;AAEF,MAAM,cAAc"}

package/dist/components/Box.cjs

@@ -0,0 +1,114 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+let react_native = require("react-native");
+let generated_styles = require("../../generated/styles");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/Box.tsx
+/**
+* **📦 A layout component that can be used to compose other components**
+*
+* @description
+* The most simple component we ship - a div. But with all the power of the UDS design system.
+* By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+* consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+*
+* @example
+* ```tsx
+* import { Box } from '@yahoo/uds';
+*
+* <Box backgroundColor="primary" spacing="6">
+*   Any kind of content can go here!
+* </Box>
+* ```
+*
+* @usage
+* - If you need to div-like container to apply padding, shapes, or other styling.
+* - If you're creating card components.
+*
+* @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+*
+* @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+*/
+const Box = (0, react.memo)(function Box$1({ backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, style, ref, ...props }) {
+	const variants = {
+		backgroundColor,
+		borderRadius,
+		borderTopStartRadius,
+		borderTopEndRadius,
+		borderBottomStartRadius,
+		borderBottomEndRadius,
+		borderColor,
+		borderStartColor,
+		borderEndColor,
+		borderTopColor,
+		borderBottomColor,
+		borderWidth,
+		borderVerticalWidth,
+		borderHorizontalWidth,
+		borderStartWidth,
+		borderEndWidth,
+		borderTopWidth,
+		borderBottomWidth,
+		alignContent,
+		alignItems,
+		alignSelf,
+		flex,
+		flexDirection,
+		flexGrow,
+		flexShrink,
+		flexWrap,
+		justifyContent,
+		display,
+		overflow,
+		spacing,
+		spacingHorizontal,
+		spacingVertical,
+		spacingBottom,
+		spacingEnd,
+		spacingStart,
+		spacingTop,
+		offset,
+		offsetVertical,
+		offsetHorizontal,
+		offsetBottom,
+		offsetEnd,
+		offsetStart,
+		offsetTop,
+		columnGap,
+		rowGap
+	};
+	generated_styles.styles.useVariants(variants);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
+		ref,
+		style: (0, react.useMemo)(() => [
+			dangerouslySetBackgroundColor ? { backgroundColor: dangerouslySetBackgroundColor } : void 0,
+			dangerouslySetBorderColor ? { borderColor: dangerouslySetBorderColor } : void 0,
+			width ? { width } : void 0,
+			height ? { height } : void 0,
+			minWidth ? { minWidth } : void 0,
+			maxWidth ? { maxWidth } : void 0,
+			minHeight ? { minHeight } : void 0,
+			maxHeight ? { maxHeight } : void 0,
+			generated_styles.styles.foundation,
+			style
+		], [
+			dangerouslySetBackgroundColor,
+			dangerouslySetBorderColor,
+			width,
+			height,
+			minWidth,
+			maxWidth,
+			minHeight,
+			maxHeight,
+			generated_styles.styles.foundation,
+			style
+		]),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+exports.Box = Box;

package/dist/components/Box.d.cts

@@ -0,0 +1,87 @@
+
+import { SizeProps } from "../types.cjs";
+import * as react17 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/Box.d.ts
+interface BoxProps extends ViewProps, SizeProps {
+  ref?: Ref<View>;
+  backgroundColor?: StyleProps['backgroundColor'];
+  borderRadius?: StyleProps['borderRadius'];
+  borderTopStartRadius?: StyleProps['borderTopStartRadius'];
+  borderTopEndRadius?: StyleProps['borderTopEndRadius'];
+  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];
+  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];
+  borderColor?: StyleProps['borderColor'];
+  borderStartColor?: StyleProps['borderStartColor'];
+  borderEndColor?: StyleProps['borderEndColor'];
+  borderTopColor?: StyleProps['borderTopColor'];
+  borderBottomColor?: StyleProps['borderBottomColor'];
+  borderWidth?: StyleProps['borderWidth'];
+  borderVerticalWidth?: StyleProps['borderVerticalWidth'];
+  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];
+  borderStartWidth?: StyleProps['borderStartWidth'];
+  borderEndWidth?: StyleProps['borderEndWidth'];
+  borderTopWidth?: StyleProps['borderTopWidth'];
+  borderBottomWidth?: StyleProps['borderBottomWidth'];
+  alignContent?: StyleProps['alignContent'];
+  alignItems?: StyleProps['alignItems'];
+  alignSelf?: StyleProps['alignSelf'];
+  flex?: StyleProps['flex'];
+  flexDirection?: StyleProps['flexDirection'];
+  flexGrow?: StyleProps['flexGrow'];
+  flexShrink?: StyleProps['flexShrink'];
+  flexWrap?: StyleProps['flexWrap'];
+  justifyContent?: StyleProps['justifyContent'];
+  display?: StyleProps['display'];
+  overflow?: StyleProps['overflow'];
+  spacing?: StyleProps['spacing'];
+  spacingHorizontal?: StyleProps['spacingHorizontal'];
+  spacingVertical?: StyleProps['spacingVertical'];
+  spacingBottom?: StyleProps['spacingBottom'];
+  spacingEnd?: StyleProps['spacingEnd'];
+  spacingStart?: StyleProps['spacingStart'];
+  spacingTop?: StyleProps['spacingTop'];
+  offset?: StyleProps['offset'];
+  offsetVertical?: StyleProps['offsetVertical'];
+  offsetHorizontal?: StyleProps['offsetHorizontal'];
+  offsetBottom?: StyleProps['offsetBottom'];
+  offsetEnd?: StyleProps['offsetEnd'];
+  offsetStart?: StyleProps['offsetStart'];
+  offsetTop?: StyleProps['offsetTop'];
+  columnGap?: StyleProps['columnGap'];
+  rowGap?: StyleProps['rowGap'];
+  dangerouslySetBackgroundColor?: string;
+  dangerouslySetBorderColor?: string;
+}
+/**
+ * **📦 A layout component that can be used to compose other components**
+ *
+ * @description
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@yahoo/uds';
+ *
+ * <Box backgroundColor="primary" spacing="6">
+ *   Any kind of content can go here!
+ * </Box>
+ * ```
+ *
+ * @usage
+ * - If you need to div-like container to apply padding, shapes, or other styling.
+ * - If you're creating card components.
+ *
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Box: react17.NamedExoticComponent<BoxProps>;
+//#endregion
+export { Box, type BoxProps };
+//# sourceMappingURL=Box.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.cts","names":[],"sources":["../../src/components/Box.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UASU,QAAA,SAAiB,WAAW;QAC9B,IAAI;EADF,eAAS,CAAA,EAEC,UAFD,CAAA,iBAAA,CAAA;EACP,YAAA,CAAA,EAEK,UAFL,CAAA,cAAA,CAAA;EAAJ,oBAAA,CAAA,EAGiB,UAHjB,CAAA,sBAAA,CAAA;EACY,kBAAA,CAAA,EAGG,UAHH,CAAA,oBAAA,CAAA;EACH,uBAAA,CAAA,EAGW,UAHX,CAAA,yBAAA,CAAA;EACQ,qBAAA,CAAA,EAGC,UAHD,CAAA,uBAAA,CAAA;EACF,WAAA,CAAA,EAGP,UAHO,CAAA,aAAA,CAAA;EACK,gBAAA,CAAA,EAGP,UAHO,CAAA,kBAAA,CAAA;EACF,cAAA,CAAA,EAGP,UAHO,CAAA,gBAAA,CAAA;EACV,cAAA,CAAA,EAGG,UAHH,CAAA,gBAAA,CAAA;EACK,iBAAA,CAAA,EAGC,UAHD,CAAA,mBAAA,CAAA;EACF,WAAA,CAAA,EAGH,UAHG,CAAA,aAAA,CAAA;EACA,mBAAA,CAAA,EAGK,UAHL,CAAA,qBAAA,CAAA;EACG,qBAAA,CAAA,EAGI,UAHJ,CAAA,uBAAA,CAAA;EACN,gBAAA,CAAA,EAGK,UAHL,CAAA,kBAAA,CAAA;EACQ,cAAA,CAAA,EAGL,UAHK,CAAA,gBAAA,CAAA;EACE,cAAA,CAAA,EAGP,UAHO,CAAA,gBAAA,CAAA;EACL,iBAAA,CAAA,EAGC,UAHD,CAAA,mBAAA,CAAA;EACF,YAAA,CAAA,EAGF,UAHE,CAAA,cAAA,CAAA;EACA,UAAA,CAAA,EAGJ,UAHI,CAAA,YAAA,CAAA;EACG,SAAA,CAAA,EAGR,UAHQ,CAAA,WAAA,CAAA;EACL,IAAA,CAAA,EAGR,UAHQ,CAAA,MAAA,CAAA;EACF,aAAA,CAAA,EAGG,UAHH,CAAA,eAAA,CAAA;EACD,QAAA,CAAA,EAGD,UAHC,CAAA,UAAA,CAAA;EACL,UAAA,CAAA,EAGM,UAHN,CAAA,YAAA,CAAA;EACS,QAAA,CAAA,EAGL,UAHK,CAAA,UAAA,CAAA;EACL,cAAA,CAAA,EAGM,UAHN,CAAA,gBAAA,CAAA;EACE,OAAA,CAAA,EAIH,UAJG,CAAA,SAAA,CAAA;EACF,QAAA,CAAA,EAIA,UAJA,CAAA,UAAA,CAAA;EACM,OAAA,CAAA,EAOP,UAPO,CAAA,SAAA,CAAA;EAEP,iBAAA,CAAA,EAMU,UANV,CAAA,mBAAA,CAAA;EACC,eAAA,CAAA,EAMO,UANP,CAAA,iBAAA,CAAA;EAID,aAAA,CAAA,EAGM,UAHN,CAAA,eAAA,CAAA;EACU,UAAA,CAAA,EAGP,UAHO,CAAA,YAAA,CAAA;EACF,YAAA,CAAA,EAGH,UAHG,CAAA,cAAA,CAAA;EACF,UAAA,CAAA,EAGH,UAHG,CAAA,YAAA,CAAA;EACH,MAAA,CAAA,EAGJ,UAHI,CAAA,QAAA,CAAA;EACE,cAAA,CAAA,EAGE,UAHF,CAAA,gBAAA,CAAA;EACF,gBAAA,CAAA,EAGM,UAHN,CAAA,kBAAA,CAAA;EACJ,YAAA,CAAA,EAGM,UAHN,CAAA,cAAA,CAAA;EACQ,SAAA,CAAA,EAGL,UAHK,CAAA,WAAA,CAAA;EACE,WAAA,CAAA,EAGL,UAHK,CAAA,aAAA,CAAA;EACJ,SAAA,CAAA,EAGH,UAHG,CAAA,WAAA,CAAA;EACH,SAAA,CAAA,EAGA,UAHA,CAAA,WAAA,CAAA;EACE,MAAA,CAAA,EAGL,UAHK,CAAA,QAAA,CAAA;EACF,6BAAA,CAAA,EAAA,MAAA;EACA,yBAAA,CAAA,EAAA,MAAA;;;;;AAjDiC;;;;;;;;;;;;;;;;;;;;;;cAgFzC,KAAG,OAAA,CAAA,qBAAA"}

package/dist/components/Box.d.mts

@@ -0,0 +1,87 @@
+
+import { SizeProps } from "../types.mjs";
+import * as react10 from "react";
+import { Ref } from "react";
+import { View, ViewProps } from "react-native";
+import { StyleProps } from "../../generated/styles";
+
+//#region src/components/Box.d.ts
+interface BoxProps extends ViewProps, SizeProps {
+  ref?: Ref<View>;
+  backgroundColor?: StyleProps['backgroundColor'];
+  borderRadius?: StyleProps['borderRadius'];
+  borderTopStartRadius?: StyleProps['borderTopStartRadius'];
+  borderTopEndRadius?: StyleProps['borderTopEndRadius'];
+  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];
+  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];
+  borderColor?: StyleProps['borderColor'];
+  borderStartColor?: StyleProps['borderStartColor'];
+  borderEndColor?: StyleProps['borderEndColor'];
+  borderTopColor?: StyleProps['borderTopColor'];
+  borderBottomColor?: StyleProps['borderBottomColor'];
+  borderWidth?: StyleProps['borderWidth'];
+  borderVerticalWidth?: StyleProps['borderVerticalWidth'];
+  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];
+  borderStartWidth?: StyleProps['borderStartWidth'];
+  borderEndWidth?: StyleProps['borderEndWidth'];
+  borderTopWidth?: StyleProps['borderTopWidth'];
+  borderBottomWidth?: StyleProps['borderBottomWidth'];
+  alignContent?: StyleProps['alignContent'];
+  alignItems?: StyleProps['alignItems'];
+  alignSelf?: StyleProps['alignSelf'];
+  flex?: StyleProps['flex'];
+  flexDirection?: StyleProps['flexDirection'];
+  flexGrow?: StyleProps['flexGrow'];
+  flexShrink?: StyleProps['flexShrink'];
+  flexWrap?: StyleProps['flexWrap'];
+  justifyContent?: StyleProps['justifyContent'];
+  display?: StyleProps['display'];
+  overflow?: StyleProps['overflow'];
+  spacing?: StyleProps['spacing'];
+  spacingHorizontal?: StyleProps['spacingHorizontal'];
+  spacingVertical?: StyleProps['spacingVertical'];
+  spacingBottom?: StyleProps['spacingBottom'];
+  spacingEnd?: StyleProps['spacingEnd'];
+  spacingStart?: StyleProps['spacingStart'];
+  spacingTop?: StyleProps['spacingTop'];
+  offset?: StyleProps['offset'];
+  offsetVertical?: StyleProps['offsetVertical'];
+  offsetHorizontal?: StyleProps['offsetHorizontal'];
+  offsetBottom?: StyleProps['offsetBottom'];
+  offsetEnd?: StyleProps['offsetEnd'];
+  offsetStart?: StyleProps['offsetStart'];
+  offsetTop?: StyleProps['offsetTop'];
+  columnGap?: StyleProps['columnGap'];
+  rowGap?: StyleProps['rowGap'];
+  dangerouslySetBackgroundColor?: string;
+  dangerouslySetBorderColor?: string;
+}
+/**
+ * **📦 A layout component that can be used to compose other components**
+ *
+ * @description
+ * The most simple component we ship - a div. But with all the power of the UDS design system.
+ * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+ * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+ *
+ * @example
+ * ```tsx
+ * import { Box } from '@yahoo/uds';
+ *
+ * <Box backgroundColor="primary" spacing="6">
+ *   Any kind of content can go here!
+ * </Box>
+ * ```
+ *
+ * @usage
+ * - If you need to div-like container to apply padding, shapes, or other styling.
+ * - If you're creating card components.
+ *
+ * @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+ *
+ * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+ */
+declare const Box: react10.NamedExoticComponent<BoxProps>;
+//#endregion
+export { Box, type BoxProps };
+//# sourceMappingURL=Box.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.mts","names":[],"sources":["../../src/components/Box.tsx"],"sourcesContent":[],"mappings":";;;;;;;;UASU,QAAA,SAAiB,WAAW;QAC9B,IAAI;EADF,eAAS,CAAA,EAEC,UAFD,CAAA,iBAAA,CAAA;EACP,YAAA,CAAA,EAEK,UAFL,CAAA,cAAA,CAAA;EAAJ,oBAAA,CAAA,EAGiB,UAHjB,CAAA,sBAAA,CAAA;EACY,kBAAA,CAAA,EAGG,UAHH,CAAA,oBAAA,CAAA;EACH,uBAAA,CAAA,EAGW,UAHX,CAAA,yBAAA,CAAA;EACQ,qBAAA,CAAA,EAGC,UAHD,CAAA,uBAAA,CAAA;EACF,WAAA,CAAA,EAGP,UAHO,CAAA,aAAA,CAAA;EACK,gBAAA,CAAA,EAGP,UAHO,CAAA,kBAAA,CAAA;EACF,cAAA,CAAA,EAGP,UAHO,CAAA,gBAAA,CAAA;EACV,cAAA,CAAA,EAGG,UAHH,CAAA,gBAAA,CAAA;EACK,iBAAA,CAAA,EAGC,UAHD,CAAA,mBAAA,CAAA;EACF,WAAA,CAAA,EAGH,UAHG,CAAA,aAAA,CAAA;EACA,mBAAA,CAAA,EAGK,UAHL,CAAA,qBAAA,CAAA;EACG,qBAAA,CAAA,EAGI,UAHJ,CAAA,uBAAA,CAAA;EACN,gBAAA,CAAA,EAGK,UAHL,CAAA,kBAAA,CAAA;EACQ,cAAA,CAAA,EAGL,UAHK,CAAA,gBAAA,CAAA;EACE,cAAA,CAAA,EAGP,UAHO,CAAA,gBAAA,CAAA;EACL,iBAAA,CAAA,EAGC,UAHD,CAAA,mBAAA,CAAA;EACF,YAAA,CAAA,EAGF,UAHE,CAAA,cAAA,CAAA;EACA,UAAA,CAAA,EAGJ,UAHI,CAAA,YAAA,CAAA;EACG,SAAA,CAAA,EAGR,UAHQ,CAAA,WAAA,CAAA;EACL,IAAA,CAAA,EAGR,UAHQ,CAAA,MAAA,CAAA;EACF,aAAA,CAAA,EAGG,UAHH,CAAA,eAAA,CAAA;EACD,QAAA,CAAA,EAGD,UAHC,CAAA,UAAA,CAAA;EACL,UAAA,CAAA,EAGM,UAHN,CAAA,YAAA,CAAA;EACS,QAAA,CAAA,EAGL,UAHK,CAAA,UAAA,CAAA;EACL,cAAA,CAAA,EAGM,UAHN,CAAA,gBAAA,CAAA;EACE,OAAA,CAAA,EAIH,UAJG,CAAA,SAAA,CAAA;EACF,QAAA,CAAA,EAIA,UAJA,CAAA,UAAA,CAAA;EACM,OAAA,CAAA,EAOP,UAPO,CAAA,SAAA,CAAA;EAEP,iBAAA,CAAA,EAMU,UANV,CAAA,mBAAA,CAAA;EACC,eAAA,CAAA,EAMO,UANP,CAAA,iBAAA,CAAA;EAID,aAAA,CAAA,EAGM,UAHN,CAAA,eAAA,CAAA;EACU,UAAA,CAAA,EAGP,UAHO,CAAA,YAAA,CAAA;EACF,YAAA,CAAA,EAGH,UAHG,CAAA,cAAA,CAAA;EACF,UAAA,CAAA,EAGH,UAHG,CAAA,YAAA,CAAA;EACH,MAAA,CAAA,EAGJ,UAHI,CAAA,QAAA,CAAA;EACE,cAAA,CAAA,EAGE,UAHF,CAAA,gBAAA,CAAA;EACF,gBAAA,CAAA,EAGM,UAHN,CAAA,kBAAA,CAAA;EACJ,YAAA,CAAA,EAGM,UAHN,CAAA,cAAA,CAAA;EACQ,SAAA,CAAA,EAGL,UAHK,CAAA,WAAA,CAAA;EACE,WAAA,CAAA,EAGL,UAHK,CAAA,aAAA,CAAA;EACJ,SAAA,CAAA,EAGH,UAHG,CAAA,WAAA,CAAA;EACH,SAAA,CAAA,EAGA,UAHA,CAAA,WAAA,CAAA;EACE,MAAA,CAAA,EAGL,UAHK,CAAA,QAAA,CAAA;EACF,6BAAA,CAAA,EAAA,MAAA;EACA,yBAAA,CAAA,EAAA,MAAA;;;;;AAjDiC;;;;;;;;;;;;;;;;;;;;;;cAgFzC,KAAG,OAAA,CAAA,qBAAA"}

package/dist/components/Box.mjs

@@ -0,0 +1,114 @@
+/*! © 2026 Yahoo, Inc. UDS Mobile v0.0.0-development */
+import { memo, useMemo } from "react";
+import { View } from "react-native";
+import { styles } from "../../generated/styles";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Box.tsx
+/**
+* **📦 A layout component that can be used to compose other components**
+*
+* @description
+* The most simple component we ship - a div. But with all the power of the UDS design system.
+* By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,
+* consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.
+*
+* @example
+* ```tsx
+* import { Box } from '@yahoo/uds';
+*
+* <Box backgroundColor="primary" spacing="6">
+*   Any kind of content can go here!
+* </Box>
+* ```
+*
+* @usage
+* - If you need to div-like container to apply padding, shapes, or other styling.
+* - If you're creating card components.
+*
+* @see The {@link https://uds.build/docs/components/box Box Docs} for more info
+*
+* @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)
+*/
+const Box = memo(function Box$1({ backgroundColor, dangerouslySetBackgroundColor, borderRadius, borderTopStartRadius, borderTopEndRadius, borderBottomStartRadius, borderBottomEndRadius, borderColor, dangerouslySetBorderColor, borderStartColor, borderEndColor, borderTopColor, borderBottomColor, borderWidth, borderVerticalWidth, borderHorizontalWidth, borderStartWidth, borderEndWidth, borderTopWidth, borderBottomWidth, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, flexWrap, justifyContent, display = "flex", overflow, spacing, spacingHorizontal, spacingVertical, spacingBottom, spacingEnd, spacingStart, spacingTop, offset, offsetVertical, offsetHorizontal, offsetBottom, offsetEnd, offsetStart, offsetTop, columnGap, rowGap, width, height, minWidth, maxWidth, minHeight, maxHeight, style, ref, ...props }) {
+	const variants = {
+		backgroundColor,
+		borderRadius,
+		borderTopStartRadius,
+		borderTopEndRadius,
+		borderBottomStartRadius,
+		borderBottomEndRadius,
+		borderColor,
+		borderStartColor,
+		borderEndColor,
+		borderTopColor,
+		borderBottomColor,
+		borderWidth,
+		borderVerticalWidth,
+		borderHorizontalWidth,
+		borderStartWidth,
+		borderEndWidth,
+		borderTopWidth,
+		borderBottomWidth,
+		alignContent,
+		alignItems,
+		alignSelf,
+		flex,
+		flexDirection,
+		flexGrow,
+		flexShrink,
+		flexWrap,
+		justifyContent,
+		display,
+		overflow,
+		spacing,
+		spacingHorizontal,
+		spacingVertical,
+		spacingBottom,
+		spacingEnd,
+		spacingStart,
+		spacingTop,
+		offset,
+		offsetVertical,
+		offsetHorizontal,
+		offsetBottom,
+		offsetEnd,
+		offsetStart,
+		offsetTop,
+		columnGap,
+		rowGap
+	};
+	styles.useVariants(variants);
+	return /* @__PURE__ */ jsx(View, {
+		ref,
+		style: useMemo(() => [
+			dangerouslySetBackgroundColor ? { backgroundColor: dangerouslySetBackgroundColor } : void 0,
+			dangerouslySetBorderColor ? { borderColor: dangerouslySetBorderColor } : void 0,
+			width ? { width } : void 0,
+			height ? { height } : void 0,
+			minWidth ? { minWidth } : void 0,
+			maxWidth ? { maxWidth } : void 0,
+			minHeight ? { minHeight } : void 0,
+			maxHeight ? { maxHeight } : void 0,
+			styles.foundation,
+			style
+		], [
+			dangerouslySetBackgroundColor,
+			dangerouslySetBorderColor,
+			width,
+			height,
+			minWidth,
+			maxWidth,
+			minHeight,
+			maxHeight,
+			styles.foundation,
+			style
+		]),
+		...props
+	});
+});
+Box.displayName = "Box";
+
+//#endregion
+export { Box };
+//# sourceMappingURL=Box.mjs.map

package/dist/components/Box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.mjs","names":["Box"],"sources":["../../src/components/Box.tsx"],"sourcesContent":["import type { Ref } from 'react';\nimport { memo, useMemo } from 'react';\nimport type { ViewProps } from 'react-native';\nimport { View } from 'react-native';\n\nimport type { StyleProps } from '../../generated/styles';\nimport { styles } from '../../generated/styles';\nimport type { SizeProps } from '../types';\n\ninterface BoxProps extends ViewProps, SizeProps {\n  ref?: Ref<View>;\n  backgroundColor?: StyleProps['backgroundColor'];\n  borderRadius?: StyleProps['borderRadius'];\n  borderTopStartRadius?: StyleProps['borderTopStartRadius'];\n  borderTopEndRadius?: StyleProps['borderTopEndRadius'];\n  borderBottomStartRadius?: StyleProps['borderBottomStartRadius'];\n  borderBottomEndRadius?: StyleProps['borderBottomEndRadius'];\n  borderColor?: StyleProps['borderColor'];\n  borderStartColor?: StyleProps['borderStartColor'];\n  borderEndColor?: StyleProps['borderEndColor'];\n  borderTopColor?: StyleProps['borderTopColor'];\n  borderBottomColor?: StyleProps['borderBottomColor'];\n  borderWidth?: StyleProps['borderWidth'];\n  borderVerticalWidth?: StyleProps['borderVerticalWidth'];\n  borderHorizontalWidth?: StyleProps['borderHorizontalWidth'];\n  borderStartWidth?: StyleProps['borderStartWidth'];\n  borderEndWidth?: StyleProps['borderEndWidth'];\n  borderTopWidth?: StyleProps['borderTopWidth'];\n  borderBottomWidth?: StyleProps['borderBottomWidth'];\n  alignContent?: StyleProps['alignContent'];\n  alignItems?: StyleProps['alignItems'];\n  alignSelf?: StyleProps['alignSelf'];\n  flex?: StyleProps['flex'];\n  flexDirection?: StyleProps['flexDirection'];\n  flexGrow?: StyleProps['flexGrow'];\n  flexShrink?: StyleProps['flexShrink'];\n  flexWrap?: StyleProps['flexWrap'];\n  justifyContent?: StyleProps['justifyContent'];\n  //   flexBasis?: StyleProps['flexBasis'];\n  display?: StyleProps['display'];\n  overflow?: StyleProps['overflow'];\n  //   overflowX?: StyleProps['overflowX'];\n  //   overflowY?: StyleProps['overflowY'];\n  //   position?: StyleProps['position'];\n  spacing?: StyleProps['spacing'];\n  spacingHorizontal?: StyleProps['spacingHorizontal'];\n  spacingVertical?: StyleProps['spacingVertical'];\n  spacingBottom?: StyleProps['spacingBottom'];\n  spacingEnd?: StyleProps['spacingEnd'];\n  spacingStart?: StyleProps['spacingStart'];\n  spacingTop?: StyleProps['spacingTop'];\n  offset?: StyleProps['offset'];\n  offsetVertical?: StyleProps['offsetVertical'];\n  offsetHorizontal?: StyleProps['offsetHorizontal'];\n  offsetBottom?: StyleProps['offsetBottom'];\n  offsetEnd?: StyleProps['offsetEnd'];\n  offsetStart?: StyleProps['offsetStart'];\n  offsetTop?: StyleProps['offsetTop'];\n  columnGap?: StyleProps['columnGap'];\n  rowGap?: StyleProps['rowGap'];\n  dangerouslySetBackgroundColor?: string;\n  dangerouslySetBorderColor?: string;\n}\n\n/**\n * **📦 A layout component that can be used to compose other components**\n *\n * @description\n * The most simple component we ship - a div. But with all the power of the UDS design system.\n * By default, `Box` is a flexbox container. When working with vertical or horizontal layouts,\n * consider using [VStack](./v-stack) or [HStack](./h-stack) respectively.\n *\n * @example\n * ```tsx\n * import { Box } from '@yahoo/uds';\n *\n * <Box backgroundColor=\"primary\" spacing=\"6\">\n *   Any kind of content can go here!\n * </Box>\n * ```\n *\n * @usage\n * - If you need to div-like container to apply padding, shapes, or other styling.\n * - If you're creating card components.\n *\n * @see The {@link https://uds.build/docs/components/box Box Docs} for more info\n *\n * @related [HStack](https://uds.build/docs/components/h-stack), [VStack](https://uds.build/docs/components/v-stack)\n */\nconst Box = memo(function Box({\n  // background\n  backgroundColor,\n  dangerouslySetBackgroundColor,\n  // border\n  borderRadius,\n  borderTopStartRadius,\n  borderTopEndRadius,\n  borderBottomStartRadius,\n  borderBottomEndRadius,\n  borderColor,\n  dangerouslySetBorderColor,\n  borderStartColor,\n  borderEndColor,\n  borderTopColor,\n  borderBottomColor,\n  borderWidth,\n  borderVerticalWidth,\n  borderHorizontalWidth,\n  borderStartWidth,\n  borderEndWidth,\n  borderTopWidth,\n  borderBottomWidth,\n  // flex\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  flexWrap,\n  justifyContent,\n  // flexBasis,\n  // layout\n  display = 'flex',\n  overflow,\n  //     overflowX,\n  //     overflowY,\n  // position,\n  // spacing\n  spacing,\n  spacingHorizontal,\n  spacingVertical,\n  spacingBottom,\n  spacingEnd,\n  spacingStart,\n  spacingTop,\n  offset,\n  offsetVertical,\n  offsetHorizontal,\n  offsetBottom,\n  offsetEnd,\n  offsetStart,\n  offsetTop,\n  columnGap,\n  rowGap,\n  // size\n  width,\n  height,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  // // shadow\n  // dropShadow,\n  // insetShadow,\n  // // nested border radius\n  // nestedBorderRadius,\n  // nestedBorderRadiusSize = nestedBorderRadius ? borderRadius : undefined,\n  // nestedBorderRadiusSpacing = nestedBorderRadius ? spacing : undefined,\n  // nestedBorderRadiusWidth = nestedBorderRadius ? borderWidth : undefined,\n  // style - extracted to merge with variants\n  style,\n  ref,\n  // rest\n  ...props\n}: BoxProps) {\n  const variants = {\n    // background\n    backgroundColor,\n    // border\n    borderRadius,\n    borderTopStartRadius,\n    borderTopEndRadius,\n    borderBottomStartRadius,\n    borderBottomEndRadius,\n    // nestedBorderRadius,\n    // nestedBorderRadiusSize,\n    // nestedBorderRadiusSpacing,\n    // nestedBorderRadiusWidth,\n    borderColor,\n    borderStartColor,\n    borderEndColor,\n    borderTopColor,\n    borderBottomColor,\n    borderWidth,\n    borderVerticalWidth,\n    borderHorizontalWidth,\n    borderStartWidth,\n    borderEndWidth,\n    borderTopWidth,\n    borderBottomWidth,\n    // flex\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    flexWrap,\n    justifyContent,\n    // flexBasis,\n    // layout\n    display,\n    overflow,\n    // overflowX,\n    // overflowY,\n    // position,\n    // spacing\n    spacing,\n    spacingHorizontal,\n    spacingVertical,\n    spacingBottom,\n    spacingEnd,\n    spacingStart,\n    spacingTop,\n    offset,\n    offsetVertical,\n    offsetHorizontal,\n    offsetBottom,\n    offsetEnd,\n    offsetStart,\n    offsetTop,\n    columnGap,\n    rowGap,\n    // rest\n  };\n\n  styles.useVariants(variants);\n\n  // styles.foundation must be in deps - it returns a new reference when variants change\n  const boxStyles = useMemo(\n    () => [\n      dangerouslySetBackgroundColor\n        ? { backgroundColor: dangerouslySetBackgroundColor }\n        : undefined,\n      dangerouslySetBorderColor ? { borderColor: dangerouslySetBorderColor } : undefined,\n      width ? { width } : undefined,\n      height ? { height } : undefined,\n      minWidth ? { minWidth } : undefined,\n      maxWidth ? { maxWidth } : undefined,\n      minHeight ? { minHeight } : undefined,\n      maxHeight ? { maxHeight } : undefined,\n      styles.foundation,\n      style,\n    ],\n    [\n      dangerouslySetBackgroundColor,\n      dangerouslySetBorderColor,\n      width,\n      height,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight,\n      styles.foundation,\n      style,\n    ],\n  );\n\n  // Merge variant styles with user-provided style prop\n  // User styles come last so they can override variant styles if needed\n  return <View ref={ref} style={boxStyles} {...props} />;\n});\n\nBox.displayName = 'Box';\n\nexport { Box, type BoxProps };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyFA,MAAM,MAAM,KAAK,SAASA,MAAI,EAE5B,iBACA,+BAEA,cACA,sBACA,oBACA,yBACA,uBACA,aACA,2BACA,kBACA,gBACA,gBACA,mBACA,aACA,qBACA,uBACA,kBACA,gBACA,gBACA,mBAEA,cACA,YACA,WACA,MACA,eACA,UACA,YACA,UACA,gBAGA,UAAU,QACV,UAKA,SACA,mBACA,iBACA,eACA,YACA,cACA,YACA,QACA,gBACA,kBACA,cACA,WACA,aACA,WACA,WACA,QAEA,OACA,QACA,UACA,UACA,WACA,WAUA,OACA,KAEA,GAAG,SACQ;CACX,MAAM,WAAW;EAEf;EAEA;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAKA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAED;AAED,QAAO,YAAY,SAAS;AAkC5B,QAAO,oBAAC;EAAU;EAAK,OA/BL,cACV;GACJ,gCACI,EAAE,iBAAiB,+BAA+B,GAClD;GACJ,4BAA4B,EAAE,aAAa,2BAA2B,GAAG;GACzE,QAAQ,EAAE,OAAO,GAAG;GACpB,SAAS,EAAE,QAAQ,GAAG;GACtB,WAAW,EAAE,UAAU,GAAG;GAC1B,WAAW,EAAE,UAAU,GAAG;GAC1B,YAAY,EAAE,WAAW,GAAG;GAC5B,YAAY,EAAE,WAAW,GAAG;GAC5B,OAAO;GACP;GACD,EACD;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,OAAO;GACP;GACD,CACF;EAIwC,GAAI;GAAS;EACtD;AAEF,IAAI,cAAc"}