fixes

Author: ari-party

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grand-hawk/ui-components",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "keywords": [
     "roblox-ts",
     "react",

src/components/Checkbox/index.tsx

@@ -19,7 +19,7 @@ export interface CheckboxProps extends ButtonProps {
 }
 
 export function Checkbox(componentProps: PropsWithChildren<CheckboxProps>) {
-  const props = componentProps;
+  const props = { ...componentProps };
 
   const value = props.Value;
   props.Value = undefined;

src/components/Sheet/index.tsx

@@ -13,7 +13,7 @@ export interface SheetProps extends BoxProps {
 export function Sheet(componentProps: PropsWithChildren<SheetProps>) {
   const theme = useTheme();
 
-  const props = componentProps;
+  const props = { ...componentProps };
 
   const background = props.Background
     ? theme.backgroundPrimary

src/components/Typography/index.tsx

@@ -6,14 +6,22 @@ import { useTheme } from 'components/ThemeProvider';
 import type { PropsWithChildren } from '@rbxts/react';
 import type { BoxProps } from 'components/Box';
 
-export interface TypographyProps extends BoxProps<'textlabel'> {}
+export interface TypographyProps extends BoxProps<'textlabel'> {
+  Bold?: boolean;
+}
 
-export function Typography(props: PropsWithChildren<TypographyProps>) {
+export function Typography(componentProps: PropsWithChildren<TypographyProps>) {
   const theme = useTheme();
 
+  const props = { ...componentProps };
+
+  const bold = componentProps.Bold ?? false;
+  props.Bold = undefined;
+
   return (
     <Box
       Component="textlabel"
+      Font={bold ? theme.fontBold : theme.fontRegular}
       TextColor3={theme.textPrimary}
       TextSize={12}
       TextXAlignment={Enum.TextXAlignment.Left}