@korsolutions/ui 0.0.86 → 0.0.88

package/src/components/sidebar/components/sidebar-provider.tsx

@@ -0,0 +1,73 @@
+import React, { useCallback, useMemo, useState } from "react";
+import { useComponentConfig } from "../../../themes/provider";
+import { mergeStyles } from "../../../utils/calculate-styles";
+import { SidebarContext, type SidebarContextValue } from "../context";
+import { SidebarVariants } from "../variants";
+
+export interface SidebarProviderProps {
+  children?: React.ReactNode;
+
+  /** Variant key for sidebar theming */
+  variant?: keyof typeof SidebarVariants;
+
+  /** Width of the sidebar in pixels (default: 256) */
+  width?: number;
+
+  /** Default open state (uncontrolled) */
+  defaultOpen?: boolean;
+
+  /** Open state (controlled) */
+  open?: boolean;
+
+  /** Callback when open state changes (controlled) */
+  onOpenChange?: (open: boolean) => void;
+}
+
+export function SidebarProvider(props: SidebarProviderProps) {
+  const {
+    children,
+    variant = "default",
+    width,
+    defaultOpen = true,
+    open: controlledOpen,
+    onOpenChange,
+  } = props;
+
+  const [_open, _setOpen] = useState(defaultOpen);
+
+  const open = controlledOpen ?? _open;
+  const setOpen = useCallback(
+    (value: boolean) => {
+      if (onOpenChange) {
+        onOpenChange(value);
+      } else {
+        _setOpen(value);
+      }
+    },
+    [onOpenChange],
+  );
+
+  const toggleSidebar = useCallback(() => {
+    setOpen(!open);
+  }, [open, setOpen]);
+
+  const variantStyles = SidebarVariants[variant]();
+  const componentConfig = useComponentConfig("sidebar");
+  const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
+
+  const state = open ? "expanded" : "collapsed";
+
+  const contextValue = useMemo<SidebarContextValue>(
+    () => ({
+      state,
+      open,
+      setOpen,
+      toggleSidebar,
+      width,
+      styles: mergedStyles,
+    }),
+    [state, open, setOpen, toggleSidebar, width, mergedStyles],
+  );
+
+  return <SidebarContext.Provider value={contextValue}>{children}</SidebarContext.Provider>;
+}

package/src/components/sidebar/components/sidebar-root.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { type StyleProp, View, type ViewStyle } from "react-native";
+import { useSidebar } from "../context";
+
+export interface SidebarRootProps {
+  children?: React.ReactNode;
+  style?: StyleProp<ViewStyle>;
+}
+
+export function SidebarRoot(props: SidebarRootProps) {
+  const { children, style } = props;
+  const { open, width = 256, styles } = useSidebar();
+
+  return (
+    <View style={[styles?.root, { width }, !open && { width: 0, overflow: "hidden" }, style]}>
+      {children}
+    </View>
+  );
+}

package/src/components/sidebar/context.ts

@@ -0,0 +1,21 @@
+import { createContext, useContext } from "react";
+import type { SidebarState, SidebarStyles } from "./types";
+
+export interface SidebarContextValue {
+  state: SidebarState;
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  toggleSidebar: () => void;
+  width?: number;
+  styles?: SidebarStyles;
+}
+
+export const SidebarContext = createContext<SidebarContextValue | undefined>(undefined);
+
+export const useSidebar = () => {
+  const context = useContext(SidebarContext);
+  if (!context) {
+    throw new Error("useSidebar must be used within a SidebarProvider");
+  }
+  return context;
+};

package/src/components/sidebar/index.ts

@@ -0,0 +1,37 @@
+import { SidebarContent } from "./components/sidebar-content";
+import { SidebarFooter } from "./components/sidebar-footer";
+import { SidebarGroup } from "./components/sidebar-group";
+import { SidebarGroupLabel } from "./components/sidebar-group-label";
+import { SidebarHeader } from "./components/sidebar-header";
+import { SidebarMenuItem } from "./components/sidebar-menu-item";
+import { SidebarMenuSub } from "./components/sidebar-menu-sub";
+import { SidebarMenu } from "./components/sidebar-menu";
+import { SidebarProvider } from "./components/sidebar-provider";
+import { SidebarRoot } from "./components/sidebar-root";
+
+export const Sidebar = {
+  Provider: SidebarProvider,
+  Root: SidebarRoot,
+  Header: SidebarHeader,
+  Footer: SidebarFooter,
+  Content: SidebarContent,
+  Group: SidebarGroup,
+  GroupLabel: SidebarGroupLabel,
+  Menu: SidebarMenu,
+  MenuItem: SidebarMenuItem,
+  MenuSub: SidebarMenuSub,
+};
+
+export { useSidebar } from "./context";
+
+export type { SidebarProviderProps } from "./components/sidebar-provider";
+export type { SidebarRootProps } from "./components/sidebar-root";
+export type { SidebarHeaderProps } from "./components/sidebar-header";
+export type { SidebarFooterProps } from "./components/sidebar-footer";
+export type { SidebarContentProps } from "./components/sidebar-content";
+export type { SidebarGroupProps } from "./components/sidebar-group";
+export type { SidebarGroupLabelProps } from "./components/sidebar-group-label";
+export type { SidebarMenuProps } from "./components/sidebar-menu";
+export type { SidebarMenuItemProps } from "./components/sidebar-menu-item";
+export type { SidebarMenuSubProps } from "./components/sidebar-menu-sub";
+export type { SidebarStyles, SidebarState } from "./types";

package/src/components/sidebar/types.ts

@@ -0,0 +1,31 @@
+import type { StyleProp, TextStyle, ViewStyle } from "react-native";
+import type { IconProps } from "../icon";
+
+export type SidebarState = "expanded" | "collapsed";
+
+export type SidebarMenuButtonState = "default" | "active" | "hovered";
+
+export interface SidebarStyles {
+  /** The sidebar container */
+  root?: StyleProp<ViewStyle>;
+  /** Header (sticky top) */
+  header?: StyleProp<ViewStyle>;
+  /** Footer (sticky bottom) */
+  footer?: StyleProp<ViewStyle>;
+  /** Scrollable content area */
+  content?: StyleProp<ViewStyle>;
+  /** Group container */
+  group?: StyleProp<ViewStyle>;
+  /** Group label text */
+  groupLabel?: StyleProp<TextStyle>;
+  /** Menu list container */
+  menu?: StyleProp<ViewStyle>;
+  /** Menu item */
+  menuItem?: Partial<Record<SidebarMenuButtonState, StyleProp<ViewStyle>>>;
+  /** Menu item text */
+  menuItemText?: Partial<Record<SidebarMenuButtonState, StyleProp<TextStyle>>>;
+  /** Menu item icon */
+  menuItemIcon?: Partial<Record<SidebarMenuButtonState, IconProps>>;
+  /** Submenu container */
+  menuSub?: StyleProp<ViewStyle>;
+}

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

@@ -0,0 +1,97 @@
+import { useThemedStyles } from "../../../utils/use-themed-styles";
+import type { SidebarStyles } from "../types";
+
+export function useSidebarVariantDefault(): SidebarStyles {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize, spacing }): SidebarStyles => ({
+      root: {
+        height: "100%",
+        flexShrink: 0,
+        flexDirection: "column",
+        backgroundColor: colors.surface,
+        borderColor: colors.border,
+        overflow: "hidden",
+      },
+      header: {
+        paddingHorizontal: spacing * 2,
+        paddingTop: spacing * 2,
+        paddingBottom: spacing,
+      },
+      footer: {
+        paddingHorizontal: spacing * 2,
+        paddingTop: spacing,
+        paddingBottom: spacing * 2,
+      },
+      content: {
+        flex: 1,
+        paddingHorizontal: spacing * 2,
+      },
+      group: {
+        paddingVertical: spacing,
+        gap: spacing * 0.5,
+      },
+      groupLabel: {
+        fontFamily,
+        fontSize: fontSize * 0.75,
+        lineHeight: Math.round(fontSize * 0.75 * 1.25),
+        fontWeight: "500",
+        color: colors.mutedForeground,
+        paddingHorizontal: spacing,
+        paddingVertical: spacing * 0.5,
+        letterSpacing: 0.5,
+        textTransform: "uppercase",
+      },
+      menu: {
+        gap: 1,
+      },
+      menuItem: {
+        default: {
+          flexDirection: "row",
+          alignItems: "center",
+          gap: spacing,
+          paddingVertical: spacing,
+          paddingHorizontal: spacing * 1.5,
+          borderRadius: radius,
+          minHeight: 36,
+        },
+        active: {
+          backgroundColor: colors.muted,
+        },
+        hovered: {
+          backgroundColor: colors.muted,
+          opacity: 0.8,
+        },
+      },
+      menuItemText: {
+        default: {
+          fontFamily,
+          fontSize: fontSize * 0.875,
+          fontWeight: "500",
+          color: colors.foreground,
+          lineHeight: fontSize * 1.25,
+          flex: 1,
+        },
+        active: {
+          color: colors.primary,
+        },
+        hovered: {},
+      },
+      menuItemIcon: {
+        default: {
+          color: colors.foreground,
+          size: fontSize * 1.25,
+        },
+        active: {
+          color: colors.primary,
+        },
+      },
+      menuSub: {
+        paddingLeft: spacing * 3,
+        gap: 1,
+        borderLeftWidth: 1,
+        borderLeftColor: colors.border,
+        marginLeft: spacing * 2,
+      },
+    }),
+  );
+}

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

@@ -0,0 +1,5 @@
+import { useSidebarVariantDefault } from "./default";
+
+export const SidebarVariants = {
+  default: useSidebarVariantDefault,
+};

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/themes/types.ts

@@ -60,6 +60,7 @@ import type { ProgressStyles } from "../components/progress/types";
 import type { RadioGroupStyles } from "../components/radio-group/types";
 import type { SelectStyles } from "../components/select/types";
 import type { SeparatorStyles } from "../components/separator/types";
+import type { SidebarStyles } from "../components/sidebar/types";
 import type { SpinnerStyles } from "../components/spinner/types";
 import type { TableStyles } from "../components/table/types";
 import type { TabsStyles } from "../components/tabs/types";
@@ -136,6 +137,9 @@ export interface ComponentsConfig {
   separator?: {
     styles?: SeparatorStyles;
   };
+  sidebar?: {
+    styles?: SidebarStyles;
+  };
   spinner?: {
     styles?: SpinnerStyles;
   };

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":[]}