chore: update dependencies and enhance button components

- Added '@repo/typescript-config' as a devDependency in package.json and pnpm-lock.yaml for improved TypeScript configuration management.
- Updated InputGroupButton, CarouselPrevious, CarouselNext, and SidebarTrigger components to include 'nativeButton' prop in their type definitions, enhancing button functionality.

Author: carhartlewis

packages/design-system/package.json

@@ -97,6 +97,7 @@
     "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
+    "@repo/typescript-config": "workspace:*",
     "@tailwindcss/postcss": "^4.1.10",
     "@types/node": "^22.18.0",
     "@types/react": "^19.2.7",

packages/design-system/src/components/molecules/input-group.tsx

@@ -91,7 +91,7 @@ function InputGroupButton({
   variant = "ghost",
   size = "xs",
   ...props
-}: Omit<ButtonPrimitive.Props, "className" | "type"> &
+}: Omit<ButtonPrimitive.Props, "className" | "type" | "nativeButton"> &
   VariantProps<typeof inputGroupButtonVariants> & {
     variant?:
       | "default"
@@ -104,6 +104,7 @@ function InputGroupButton({
   }) {
   return (
     <ButtonPrimitive
+      nativeButton
       type={type}
       data-size={size}
       className={cn(

packages/design-system/src/components/organisms/carousel.tsx

@@ -173,11 +173,12 @@ function CarouselItem({
 
 function CarouselPrevious({
   ...props
-}: Omit<ButtonPrimitive.Props, "className">) {
+}: Omit<ButtonPrimitive.Props, "className" | "nativeButton">) {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
 
   return (
     <ButtonPrimitive
+      nativeButton
       data-slot="carousel-previous"
       className={cn(
         buttonVariants({ variant: "outline", size: "icon-sm" }),
@@ -196,11 +197,14 @@ function CarouselPrevious({
   );
 }
 
-function CarouselNext({ ...props }: Omit<ButtonPrimitive.Props, "className">) {
+function CarouselNext({
+  ...props
+}: Omit<ButtonPrimitive.Props, "className" | "nativeButton">) {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
 
   return (
     <ButtonPrimitive
+      nativeButton
       data-slot="carousel-next"
       className={cn(
         buttonVariants({ variant: "outline", size: "icon-sm" }),

packages/design-system/src/components/organisms/sidebar.tsx

@@ -260,11 +260,12 @@ function Sidebar({
 function SidebarTrigger({
   onClick,
   ...props
-}: Omit<ButtonPrimitive.Props, "className">) {
+}: Omit<ButtonPrimitive.Props, "className" | "nativeButton">) {
   const { toggleSidebar } = useSidebar();
 
   return (
     <ButtonPrimitive
+      nativeButton
       data-sidebar="trigger"
       data-slot="sidebar-trigger"
       className={buttonVariants({ variant: "ghost", size: "icon-sm" })}