@korsolutions/ui 0.0.87 → 0.0.88

package/src/components/checkbox/variants/default.tsx

@@ -48,6 +48,7 @@ export const useCheckboxVariantDefault = (): CheckboxStyles => {
         default: {
           color: colors.foreground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },
@@ -59,6 +60,7 @@ export const useCheckboxVariantDefault = (): CheckboxStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.25),
           fontFamily,
           marginTop: 2,
         },

package/src/components/checkbox/variants/outlined.tsx

@@ -63,6 +63,7 @@ export const useCheckboxVariantOutlined = (): CheckboxStyles => {
         default: {
           color: colors.foreground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },
@@ -74,6 +75,7 @@ export const useCheckboxVariantOutlined = (): CheckboxStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.25),
           fontFamily,
           marginTop: 2,
         },

package/src/components/combobox/variants/default.tsx

@@ -27,6 +27,7 @@ export function useComboboxVariantDefault(size: Size): ComboboxStyles {
             minHeight: s.height,
             fontFamily,
             fontSize: s.fontSize,
+            lineHeight: s.lineHeight,
             color: colors.foreground,
             outlineWidth: 0,
             pointerEvents: "auto",
@@ -76,6 +77,7 @@ export function useComboboxVariantDefault(size: Size): ComboboxStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
           borderRadius: radius / 2,
         },
@@ -95,6 +97,7 @@ export function useComboboxVariantDefault(size: Size): ComboboxStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.mutedForeground,
           textAlign: "center",
         },

package/src/components/empty/variants/default.tsx

@@ -20,6 +20,7 @@ export function useEmptyVariantDefault(): EmptyStyles {
       title: {
         fontFamily: fontFamily,
         fontSize: fontSize,
+        lineHeight: Math.round(fontSize * 1.25),
         color: colors.foreground,
         textAlign: "center",
         fontWeight: "600",
@@ -27,6 +28,7 @@ export function useEmptyVariantDefault(): EmptyStyles {
       description: {
         fontFamily: fontFamily,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         color: colors.mutedForeground,
         textAlign: "center",
       },

package/src/components/field/variants/default.tsx

@@ -11,17 +11,20 @@ export const useFieldVariantDefault = (): FieldStyles => {
       label: {
         fontFamily,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         fontWeight: "600",
         color: colors.foreground,
       },
       description: {
         fontFamily,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         color: colors.mutedForeground,
       },
       error: {
         fontFamily,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         color: colors.danger,
       },
     }),

package/src/components/input/variants/default.tsx

@@ -19,6 +19,7 @@ export function useInputVariantDefault(size: Size): InputStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           height: s.height,
           color: colors.foreground,
           outlineWidth: 0,

package/src/components/input/variants/secondary.tsx

@@ -19,6 +19,7 @@ export function useInputVariantSecondary(size: Size): InputStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           height: s.height,
           color: colors.foreground,
           outlineWidth: 0,

package/src/components/link/variants/default.tsx

@@ -6,6 +6,7 @@ export function useLinkVariantDefault(): TextStyle {
     ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => ({
       color: colors.primary,
       fontSize,
+      lineHeight: Math.round(fontSize * 1.25),
       fontFamily,
       textDecorationLine: "underline",
       letterSpacing,

package/src/components/menu/variants/default.tsx

@@ -32,6 +32,7 @@ export const useMenuVariantDefault = (): MenuStyles => {
       itemText: {
         fontFamily: fontFamily,
         fontSize: fontSize,
+        lineHeight: Math.round(fontSize * 1.25),
         color: colors.foreground,
       },
       itemIcon: {
@@ -43,6 +44,7 @@ export const useMenuVariantDefault = (): MenuStyles => {
         paddingHorizontal: 16,
         fontFamily: fontFamily,
         fontSize: fontSize * 0.75,
+        lineHeight: Math.round(fontSize * 0.75 * 1.25),
         fontWeight: "600",
         color: colors.mutedForeground,
       },
@@ -89,6 +91,7 @@ export const useMenuVariantDefault = (): MenuStyles => {
       },
       shortcut: {
         fontSize: fontSize * 0.75,
+        lineHeight: Math.round(fontSize * 0.75 * 1.25),
         fontFamily: fontFamily,
         color: colors.mutedForeground,
       },

package/src/components/phone-input/variants/default.tsx

@@ -41,6 +41,7 @@ export function usePhoneInputVariantDefault(size: Size): PhoneInputStyles {
         default: {
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
         },
         disabled: {
@@ -61,6 +62,7 @@ export function usePhoneInputVariantDefault(size: Size): PhoneInputStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
           height: "100%",
           outlineWidth: 0,
@@ -105,6 +107,7 @@ export function usePhoneInputVariantDefault(size: Size): PhoneInputStyles {
         default: {
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
         },
       },
@@ -117,6 +120,7 @@ export function usePhoneInputVariantDefault(size: Size): PhoneInputStyles {
           paddingHorizontal: s.paddingHorizontal * 0.75,
           fontFamily,
           fontSize: s.fontSize * 0.875,
+          lineHeight: Math.round(s.fontSize * 0.875 * 1.25),
           color: colors.foreground,
           marginBottom: 4,
           outlineWidth: 0,

package/src/components/portal/portal.web.tsx

@@ -6,6 +6,20 @@ export function PortalHost() {
   return <></>;
 }
 
+/**
+ * Prevent scroll-lock libraries (e.g. react-remove-scroll used by Radix/Vaul
+ * modals) from blocking scroll events inside the portal. These libraries
+ * register document-level wheel/touchmove listeners that call
+ * preventDefault() on events originating outside their managed "shards".
+ * Stopping propagation at the portal container keeps those handlers from
+ * firing while still allowing native scroll within the portal content.
+ */
+function preventScrollLock(container: HTMLElement) {
+  const stop = (e: Event) => e.stopPropagation();
+  container.addEventListener("wheel", stop);
+  container.addEventListener("touchmove", stop);
+}
+
 export function Portal({ name, hostName = DEFAULT_PORTAL_HOST, children }: PortalProps) {
   const [container] = useState(() => {
     let container = document.getElementById(hostName);
@@ -15,6 +29,7 @@ export function Portal({ name, hostName = DEFAULT_PORTAL_HOST, children }: Porta
       container.id = hostName;
       container.style.pointerEvents = "auto";
       document.body.appendChild(container);
+      preventScrollLock(container);
     }
     return container;
   });

package/src/components/radio-group/variants/default.tsx

@@ -55,6 +55,7 @@ export const useRadioGroupVariantDefault = (): RadioGroupStyles => {
         default: {
           color: colors.foreground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },
@@ -66,6 +67,7 @@ export const useRadioGroupVariantDefault = (): RadioGroupStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.25),
           fontFamily,
           marginTop: 2,
         },

package/src/components/radio-group/variants/outlined.tsx

@@ -67,6 +67,7 @@ export const useRadioGroupVariantOutlined = (): RadioGroupStyles => {
         default: {
           color: colors.foreground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },
@@ -78,6 +79,7 @@ export const useRadioGroupVariantOutlined = (): RadioGroupStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize: fontSize * 0.875,
+          lineHeight: Math.round(fontSize * 0.875 * 1.25),
           fontFamily,
           marginTop: 2,
         },

package/src/components/select/variants/default.tsx

@@ -29,6 +29,7 @@ export function useSelectVariantDefault(size: Size): SelectStyles {
         default: {
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
         },
         disabled: {
@@ -39,6 +40,7 @@ export function useSelectVariantDefault(size: Size): SelectStyles {
         default: {
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.mutedForeground,
         },
         disabled: {
@@ -69,6 +71,7 @@ export function useSelectVariantDefault(size: Size): SelectStyles {
           paddingHorizontal: s.paddingHorizontal,
           fontFamily,
           fontSize: s.fontSize,
+          lineHeight: s.lineHeight,
           color: colors.foreground,
           borderRadius: radius / 2,
         },

package/src/components/sidebar/variants/default.tsx

@@ -33,6 +33,7 @@ export function useSidebarVariantDefault(): SidebarStyles {
       groupLabel: {
         fontFamily,
         fontSize: fontSize * 0.75,
+        lineHeight: Math.round(fontSize * 0.75 * 1.25),
         fontWeight: "500",
         color: colors.mutedForeground,
         paddingHorizontal: spacing,

package/src/components/tabs/variants/default.tsx

@@ -39,6 +39,7 @@ export const useTabsVariantDefault = (): TabsStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },

package/src/components/tabs/variants/line.tsx

@@ -33,6 +33,7 @@ export const useTabsVariantLine = (): TabsStyles => {
         default: {
           color: colors.mutedForeground,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           fontFamily,
           fontWeight: "500",
         },

package/src/components/textarea/variants/default.tsx

@@ -24,6 +24,7 @@ export function useTextareaVariantDefault(): TextareaStyles {
           }),
           fontFamily,
           fontSize,
+          lineHeight: Math.round(fontSize * 1.25),
           minHeight: 120,
           textAlignVertical: "top",
           color: colors.foreground,

package/src/components/toast/variants/danger.tsx

@@ -29,12 +29,14 @@ export const useToastVariantDanger = (): ToastStyles => {
       title: {
         color: colors.foreground,
         fontSize: fontSize,
+        lineHeight: Math.round(fontSize * 1.25),
         fontWeight: "600",
         fontFamily,
       },
       description: {
         color: colors.foreground,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         fontFamily,
         opacity: 0.9,
       },

package/src/components/toast/variants/default.tsx

@@ -29,12 +29,14 @@ export const useToastVariantDefault = (): ToastStyles => {
       title: {
         color: colors.foreground,
         fontSize: fontSize,
+        lineHeight: Math.round(fontSize * 1.25),
         fontWeight: "600",
         fontFamily,
       },
       description: {
         color: colors.mutedForeground,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         fontFamily,
       },
     }),

package/src/components/toast/variants/success.tsx

@@ -29,12 +29,14 @@ export const useToastVariantSuccess = (): ToastStyles => {
       title: {
         color: colors.foreground,
         fontSize: fontSize,
+        lineHeight: Math.round(fontSize * 1.25),
         fontWeight: "600",
         fontFamily,
       },
       description: {
         color: colors.foreground,
         fontSize: fontSize * 0.875,
+        lineHeight: Math.round(fontSize * 0.875 * 1.25),
         fontFamily,
         opacity: 0.9,
       },

package/src/components/typography/typography.tsx

@@ -1,15 +1,18 @@
 import React from "react";
 import { Text as RnText, StyleSheet, type TextProps as RnTextProps } from "react-native";
+import type { Size } from "../../utils/size-scale";
 import { TypographyVariants } from "./variants";
 
 export interface TypographyProps extends RnTextProps {
   variant?: keyof typeof TypographyVariants;
+  size?: Size;
 }
 
 export function Typography(props: TypographyProps) {
-  const variantStyles = TypographyVariants[props.variant ?? "body-md"]();
+  const { variant = "body", size = "md", ...rest } = props;
+  const variantStyles = TypographyVariants[variant](size);
 
   const combinedStyles = StyleSheet.flatten([variantStyles, props.style]);
 
-  return <RnText {...props} style={combinedStyles} />;
+  return <RnText {...rest} style={combinedStyles} />;
 }

package/src/components/typography/variants/body.tsx

@@ -0,0 +1,26 @@
+import { type TextStyle } from "react-native";
+import type { Size } from "../../../utils/size-scale";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+
+const bodyScale: Record<Size, number> = {
+  sm: 0.875,
+  md: 1,
+  lg: 1.25,
+};
+
+export function useTextVariantBody(size: Size): TextStyle {
+  return useThemedStyles(
+    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => {
+      const scale = bodyScale[size];
+      const scaledFontSize = fontSize * scale;
+      const lineHeight = Math.round(scaledFontSize * 1.25);
+      return {
+        color: colors.foreground,
+        fontSize: scaledFontSize,
+        lineHeight,
+        fontFamily,
+        letterSpacing,
+      };
+    },
+  );
+}

package/src/components/typography/variants/heading.tsx

@@ -0,0 +1,27 @@
+import { type TextStyle } from "react-native";
+import type { Size } from "../../../utils/size-scale";
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+
+const headingScale: Record<Size, number> = {
+  sm: 1,
+  md: 1.25,
+  lg: 1.5,
+};
+
+export function useTextVariantHeading(size: Size): TextStyle {
+  return useThemedStyles(
+    ({ colors, fontFamily, letterSpacing, fontSize }): TextStyle => {
+      const scale = headingScale[size];
+      const scaledFontSize = fontSize * scale;
+      const lineHeight = Math.round(scaledFontSize * 1.25);
+      return {
+        color: colors.foreground,
+        fontSize: scaledFontSize,
+        lineHeight,
+        fontFamily,
+        letterSpacing,
+        fontWeight: "600",
+      };
+    },
+  );
+}

package/src/components/typography/variants/index.ts

@@ -1,15 +1,7 @@
-import { useTextVariantBodyLg } from "./body-lg";
-import { useTextVariantBodyMd } from "./body-md";
-import { useTextVariantBodySm } from "./body-sm";
-import { useTextVariantHeadingLg } from "./heading-lg";
-import { useTextVariantHeadingMd } from "./heading-md";
-import { useTextVariantHeadingSm } from "./heading-sm";
+import { useTextVariantBody } from "./body";
+import { useTextVariantHeading } from "./heading";
 
 export const TypographyVariants = {
-  ["body-sm"]: useTextVariantBodySm,
-  ["body-md"]: useTextVariantBodyMd,
-  ["body-lg"]: useTextVariantBodyLg,
-  ["heading-sm"]: useTextVariantHeadingSm,
-  ["heading-md"]: useTextVariantHeadingMd,
-  ["heading-lg"]: useTextVariantHeadingLg,
+  body: useTextVariantBody,
+  heading: useTextVariantHeading,
 };

package/src/utils/size-scale.ts

@@ -9,7 +9,9 @@ interface SizeScaleValues {
   gap: number;
   /** fontSize * 0.875 | 1 | 1.125 */
   fontSize: number;
-  /** fontSize * 0.875 | 1 | 1.125 (alias for icon sizing) */
+  /** fontSize * 1.25 (line height for text) */
+  lineHeight: number;
+  /** Equal to lineHeight (icons match text line height) */
   iconSize: number;
   /** 1.75 | 2 | 2.25 */
   strokeWidth: number;
@@ -33,12 +35,14 @@ export function getSizeScale(
 ): SizeScaleValues {
   const s = scales[size] ?? scales.md;
   const scaledFontSize = fontSize * s.fontScale;
+  const lineHeight = Math.round(scaledFontSize * 1.25);
   return {
     paddingVertical: spacing * s.pv,
     paddingHorizontal: spacing * s.ph,
     gap: spacing * s.gap,
     fontSize: scaledFontSize,
-    iconSize: scaledFontSize,
+    lineHeight,
+    iconSize: lineHeight,
     strokeWidth: s.sw,
     height: spacing * s.h,
   };

package/README.md

@@ -1,4 +0,0 @@
-# TODO
-
-- [ ] Line height
-- [ ] Letter spacing

package/dist/module/components/typography/variants/body-lg.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodyLg() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.25,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-lg.js.map

package/dist/module/components/typography/variants/body-lg.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodyLg","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-lg.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IACzBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/body-md.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodyMd() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-md.js.map

package/dist/module/components/typography/variants/body-md.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodyMd","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-md.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ;IACRF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/body-sm.js

@@ -1,18 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantBodySm() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 0.875,
-    fontFamily,
-    letterSpacing,
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=body-sm.js.map

package/dist/module/components/typography/variants/body-sm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantBodySm","colors","fontFamily","letterSpacing","fontSize","color","foreground","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/body-sm.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,oBAAoBA,CAAA,EAAc;EAChD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,KAAK;IAC1BF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAEH,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-lg.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingLg() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.5,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.75
-  }));
-}
-//# sourceMappingURL=heading-lg.js.map

package/dist/module/components/typography/variants/heading-lg.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingLg","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-lg.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,GAAG;IACxBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-md.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingMd() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize: fontSize * 1.25,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.5
-  }));
-}
-//# sourceMappingURL=heading-md.js.map

package/dist/module/components/typography/variants/heading-md.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingMd","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-md.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ,EAAEA,QAAQ,GAAG,IAAI;IACzBF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/module/components/typography/variants/heading-sm.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import { useThemedStyles } from "../../../utils/use-themed-styles.js";
-export function useTextVariantHeadingSm() {
-  return useThemedStyles(({
-    colors,
-    fontFamily,
-    letterSpacing,
-    fontSize
-  }) => ({
-    color: colors.foreground,
-    fontSize,
-    fontFamily,
-    letterSpacing,
-    fontWeight: "600",
-    lineHeight: fontSize * 1.2
-  }));
-}
-//# sourceMappingURL=heading-sm.js.map

package/dist/module/components/typography/variants/heading-sm.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useThemedStyles","useTextVariantHeadingSm","colors","fontFamily","letterSpacing","fontSize","color","foreground","fontWeight","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/typography/variants/heading-sm.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,qCAAkC;AAElE,OAAO,SAASC,uBAAuBA,CAAA,EAAc;EACnD,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC;EAAS,CAAC,MAAiB;IAC/DC,KAAK,EAAEJ,MAAM,CAACK,UAAU;IACxBF,QAAQ;IACRF,UAAU;IACVC,aAAa;IACbI,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEJ,QAAQ,GAAG;EACzB,CAAC,CACH,CAAC;AACH","ignoreList":[]}

package/dist/typescript/src/components/typography/variants/body-lg.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodyLg(): TextStyle;
-//# sourceMappingURL=body-lg.d.ts.map

package/dist/typescript/src/components/typography/variants/body-lg.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-lg.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-lg.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-md.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodyMd(): TextStyle;
-//# sourceMappingURL=body-md.d.ts.map

package/dist/typescript/src/components/typography/variants/body-md.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"body-md.d.ts","sourceRoot":"","sources":["../../../../../../src/components/typography/variants/body-md.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,wBAAgB,oBAAoB,IAAI,SAAS,CAUhD"}

package/dist/typescript/src/components/typography/variants/body-sm.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from "react-native";
-export declare function useTextVariantBodySm(): TextStyle;
-//# sourceMappingURL=body-sm.d.ts.map