diff --git a/README.md b/README.md
index f9c2a4c..83521f6 100644
--- a/README.md
+++ b/README.md
@@ -10,6 +10,9 @@ You can setup the following environment variables to configure your Switchblade
 
 # Change Log
 
+## v1.1.2 (2024-12-24)
+- Updated dependencies
+
 ## v1.1.1 (2024-05-10)
 - Fixed an issue where pressing the escape key could take you to a different page if no modals or drawers were open
 - Updated dependencies
diff --git a/package.json b/package.json
index 5e64c30..f5c261d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "switchblade-ui",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "author": "Mike Beasley",
   "scripts": {
     "start": "vite",
diff --git a/src/components/Alert.jsx b/src/components/Alert.jsx
index 5da40c0..549bf4b 100644
--- a/src/components/Alert.jsx
+++ b/src/components/Alert.jsx
@@ -2,7 +2,23 @@ import { classNames } from 'lib/util';
 import animations from 'styles/animations.module.css';
 import styles from 'styles/Alert.module.css';
 
-const Alert = ({ title, content, color, animated, centered, animation, ...props }) => (
+const Colors = {
+  White: "white",
+  Blue: "blue",
+  Red: "red",
+  Yellow: "yellow",
+  Green: "green"
+}
+
+const Alert = ({
+  title,
+  content,
+  color = Colors.Blue,
+  animated = true,
+  centered,
+  animation = animations.pullIn,
+  ...props
+}) => (
   <div
     className={classNames([
       styles.alert,
@@ -17,18 +33,6 @@ const Alert = ({ title, content, color, animated, centered, animation, ...props
   </div>
 )
 
-Alert.Colors = {
-  White: "white",
-  Blue: "blue",
-  Red: "red",
-  Yellow: "yellow",
-  Green: "green"
-}
-
-Alert.defaultProps = {
-  color: Alert.Colors.Blue,
-  animated: true,
-  animation: animations.pullIn
-}
+Alert.Colors = Colors;
 
 export default Alert;
\ No newline at end of file
diff --git a/src/components/Button.jsx b/src/components/Button.jsx
index bbc62c2..9a652d8 100644
--- a/src/components/Button.jsx
+++ b/src/components/Button.jsx
@@ -1,7 +1,27 @@
 import { classNames } from 'lib/util';
 import styles from 'styles/Button.module.css';
 
-const Button = ({ children, size, block, color, ghost, inputButton, ...props }) => (
+const Colors = {
+  White: styles.white,
+  Blue: styles.blue,
+  Red: styles.red,
+  Green: styles.green
+}
+
+const Sizes = {
+  Default: styles.default,
+  Large: styles.large
+}
+
+const Button = ({
+  children,
+  size = Sizes.Default,
+  block,
+  color = Colors.Blue,
+  ghost,
+  inputButton,
+  ...props
+}) => (
   <button
     className={classNames([
       styles.button,
@@ -17,21 +37,7 @@ const Button = ({ children, size, block, color, ghost, inputButton, ...props })
   </button>
 )
 
-Button.Colors = {
-  White: styles.white,
-  Blue: styles.blue,
-  Red: styles.red,
-  Green: styles.green
-}
-
-Button.Sizes = {
-  Default: styles.default,
-  Large: styles.large
-}
-
-Button.defaultProps = {
-  color: Button.Colors.Blue,
-  size: Button.Sizes.Default
-}
+Button.Colors = Colors;
+Button.Sizes = Sizes;
 
 export default Button;
\ No newline at end of file
diff --git a/src/components/Collapse.jsx b/src/components/Collapse.jsx
index cc1e78b..e57a153 100644
--- a/src/components/Collapse.jsx
+++ b/src/components/Collapse.jsx
@@ -5,7 +5,7 @@ import Icon from 'components/Icon';
 
 import styles from 'styles/Collapse.module.css';
 
-const Collapse = ({ title, defaultOpen, children }) => {
+const Collapse = ({ title, defaultOpen = false, children }) => {
   const [open, setOpen] = useState(defaultOpen);
 
   return (
@@ -23,8 +23,4 @@ const Collapse = ({ title, defaultOpen, children }) => {
   )
 }
 
-Collapse.defaultProps = {
-  defaultOpen: false
-}
-
 export default Collapse;
\ No newline at end of file
diff --git a/src/components/Divider.jsx b/src/components/Divider.jsx
index 558c538..6c04368 100644
--- a/src/components/Divider.jsx
+++ b/src/components/Divider.jsx
@@ -1,4 +1,4 @@
-const Divider = ({ style, size }) => (
+const Divider = ({ style, size = 20 }) => (
   <hr style={{
     width: '100%',
     border: 'none',
@@ -9,8 +9,4 @@ const Divider = ({ style, size }) => (
   />
 )
 
-Divider.defaultProps = {
-  size: 20
-}
-
 export default Divider;
\ No newline at end of file
diff --git a/src/components/Drawer.jsx b/src/components/Drawer.jsx
index a80fe47..f7dee0b 100644
--- a/src/components/Drawer.jsx
+++ b/src/components/Drawer.jsx
@@ -13,7 +13,19 @@ const Positions = {
   Right: "right"
 }
 
-const Drawer = ({ open, header, children, footer, hide, canClose, showCloseButton, rounded, width, height, position }) => {
+const Drawer = ({
+  open,
+  header,
+  children,
+  footer,
+  hide,
+  canClose = true,
+  showCloseButton = true,
+  rounded = !isMobile,
+  width = 600,
+  height = '100%',
+  position = Positions.Right
+}) => {
   const ESC = "Escape";
 
   const drawerHandleKey = useMemo(() => (e) => { if (e.code === ESC && canClose) hide() }, []);
@@ -87,13 +99,4 @@ const Drawer = ({ open, header, children, footer, hide, canClose, showCloseButto
 
 Drawer.Positions = Positions;
 
-Drawer.defaultProps = {
-  canClose: true,
-  rounded: !isMobile,
-  width: 600,
-  height: '100%',
-  showCloseButton: true,
-  position: Positions.Right
-}
-
 export default Drawer;
\ No newline at end of file
diff --git a/src/components/Grid.jsx b/src/components/Grid.jsx
index f08adaf..cf47732 100644
--- a/src/components/Grid.jsx
+++ b/src/components/Grid.jsx
@@ -1,6 +1,6 @@
 import styles from 'styles/Grid.module.css';
 
-const Grid = ({ children, itemWidth }) => (
+const Grid = ({ children, itemWidth = '350px' }) => (
   <div
     className={styles.grid}
     style={{
@@ -11,8 +11,4 @@ const Grid = ({ children, itemWidth }) => (
   </div>
 )
 
-Grid.defaultProps = {
-  itemWidth: '350px'
-}
-
 export default Grid;
\ No newline at end of file
diff --git a/src/components/Icon.jsx b/src/components/Icon.jsx
index a7e05b3..752a084 100644
--- a/src/components/Icon.jsx
+++ b/src/components/Icon.jsx
@@ -1,4 +1,4 @@
-const Icon = ({ icon, size, maxSize, color, style, onClick, ...props }) => icon({
+const Icon = ({ icon, size = 48, maxSize, color, style, onClick, ...props }) => icon({
   style: {
     display: 'flex',
     alignItems: 'center',
@@ -15,8 +15,4 @@ const Icon = ({ icon, size, maxSize, color, style, onClick, ...props }) => icon(
   ...props
 })
 
-Icon.defaultProps = {
-  size: 48
-}
-
 export default Icon;
\ No newline at end of file
diff --git a/src/components/Input.jsx b/src/components/Input.jsx
index cac4a64..94bf469 100644
--- a/src/components/Input.jsx
+++ b/src/components/Input.jsx
@@ -2,7 +2,12 @@ import Button from 'components/Button';
 import { classNames } from 'lib/util';
 import styles from 'styles/Input.module.css';
 
-const Text = ({ size, block, onChange, value, button, disabled, viewOnly, ...props }) => (
+const Sizes = {
+  Default: styles.default,
+  Large: styles.large
+}
+
+const Text = ({ size = Sizes.Default, block, onChange, value, button, disabled, viewOnly, ...props }) => (
   <>
     <input
       disabled={disabled || viewOnly}
@@ -28,7 +33,7 @@ const Text = ({ size, block, onChange, value, button, disabled, viewOnly, ...pro
   </>
 )
 
-const TextArea = ({ size, block, onChange, value, disabled, viewOnly, ...props }) => (
+const TextArea = ({ size = Sizes.Default, block, onChange, value, disabled, viewOnly, ...props }) => (
   <textarea
     rows={5}
     disabled={disabled || viewOnly}
@@ -50,18 +55,9 @@ const Modes = {
   TextArea
 }
 
-const Input = ({ mode, ...props }) => mode(props);
-
-Input.Sizes = {
-  Default: styles.default,
-  Large: styles.large
-}
+const Input = ({ mode = Modes.Text, ...props }) => mode(props);
 
+Input.Sizes = Sizes;
 Input.Modes = Modes;
 
-Input.defaultProps = {
-  size: Input.Sizes.Default,
-  mode: Input.Modes.Text
-}
-
 export default Input;
\ No newline at end of file
diff --git a/src/components/LabeledInput.jsx b/src/components/LabeledInput.jsx
index 53c31c5..b9feae9 100644
--- a/src/components/LabeledInput.jsx
+++ b/src/components/LabeledInput.jsx
@@ -1,7 +1,7 @@
 import Stack from 'components/Stack';
 import { isMobile } from 'lib/config';
 
-const LabeledInput = ({ label, children, block, style }) => (
+const LabeledInput = ({ label, children, block, style = {} }) => (
   <Stack
     gap={5}
     style={{
@@ -16,8 +16,4 @@ const LabeledInput = ({ label, children, block, style }) => (
   </Stack>
 )
 
-LabeledInput.defaultProps = {
-  style: {}
-}
-
 export default LabeledInput;
\ No newline at end of file
diff --git a/src/components/Loader.jsx b/src/components/Loader.jsx
index b183a3d..555f16a 100644
--- a/src/components/Loader.jsx
+++ b/src/components/Loader.jsx
@@ -1,7 +1,7 @@
 import LoaderIcon from 'icons/loader.svg?react';
 import styles from 'styles/Loader.module.css';
 
-const Loader = ({ size, maxSize, animation }) => {
+const Loader = ({ size = 48, maxSize, animation }) => {
   return (
     <span
       className={animation}
@@ -26,8 +26,4 @@ const Loader = ({ size, maxSize, animation }) => {
   )
 }
 
-Loader.defaultProps = {
-  size: 48
-}
-
 export default Loader;
\ No newline at end of file
diff --git a/src/components/Modal.jsx b/src/components/Modal.jsx
index 1ee8fcb..a7b9795 100644
--- a/src/components/Modal.jsx
+++ b/src/components/Modal.jsx
@@ -5,7 +5,7 @@ import Icon from 'components/Icon';
 import CloseIcon from 'icons/close.svg?react';
 import styles from 'styles/Modal.module.css';
 
-const Modal = ({ open, header, footer, hide, canClose, showCloseButton, children }) => {
+const Modal = ({ open, header, footer, hide, canClose = true, showCloseButton, children }) => {
   const ESC = "Escape";
 
   const modalHandleKey = useMemo(() => (e) => { if (e.code === ESC && canClose) hide() }, []);
@@ -79,8 +79,4 @@ const Modal = ({ open, header, footer, hide, canClose, showCloseButton, children
   )
 }
 
-Modal.defaultProps = {
-  canClose: true
-}
-
 export default Modal;
\ No newline at end of file
diff --git a/src/components/Select.jsx b/src/components/Select.jsx
index 2b1162a..25f4315 100644
--- a/src/components/Select.jsx
+++ b/src/components/Select.jsx
@@ -1,7 +1,22 @@
 import { classNames } from 'lib/util';
 import styles from 'styles/Select.module.css';
 
-const Select = ({ onChange, size, block, returnObject, options, value, viewOnly, disabled, ...props }) => (
+const Sizes = {
+  Default: styles.default,
+  Large: styles.large
+}
+
+const Select = ({
+  onChange,
+  size = Sizes.Default,
+  block,
+  returnObject,
+  options = [],
+  value,
+  viewOnly,
+  disabled,
+  ...props
+}) => (
   <select
     disabled={disabled || viewOnly}
     value={returnObject ? JSON.stringify(value) : value}
@@ -17,14 +32,6 @@ const Select = ({ onChange, size, block, returnObject, options, value, viewOnly,
   </select>
 )
 
-Select.Sizes = {
-  Default: styles.default,
-  Large: styles.large
-}
-
-Select.defaultProps = {
-  options: [],
-  size: Select.Sizes.Default
-}
+Select.Sizes = Sizes;
 
 export default Select;
\ No newline at end of file
diff --git a/src/components/Stack.jsx b/src/components/Stack.jsx
index 9d200f2..beabb58 100644
--- a/src/components/Stack.jsx
+++ b/src/components/Stack.jsx
@@ -6,7 +6,7 @@ const Directions = {
   Horizontal: "horizontal"
 }
 
-const Stack = ({ horizontal, gap, block, children, center, style, className, ...props }) => (
+const Stack = ({ horizontal, gap = 10, block, children, center, style, className, ...props }) => (
   <div
     className={classNames([
       styles.stack,
@@ -24,8 +24,4 @@ const Stack = ({ horizontal, gap, block, children, center, style, className, ...
 
 Stack.Directions = Directions;
 
-Stack.defaultProps = {
-  gap: 10
-}
-
 export default Stack;
\ No newline at end of file
diff --git a/src/components/Table.jsx b/src/components/Table.jsx
index cbfb33d..48e6345 100644
--- a/src/components/Table.jsx
+++ b/src/components/Table.jsx
@@ -1,7 +1,7 @@
 import Stack from 'Stack';
 import styles from 'styles/Table.module.css';
 
-const Table = ({ rows, columns, empty }) => (
+const Table = ({ rows = [], columns = [], empty = "No Data" }) => (
   <div className={styles.tableContainer}>
     <table className={styles.table}>
       <thead>
@@ -40,10 +40,4 @@ const Table = ({ rows, columns, empty }) => (
   </div>
 )
 
-Table.defaultProps = {
-  rows: [],
-  columns: [],
-  empty: "No Data"
-}
-
 export default Table;
\ No newline at end of file