@trycompai/design-system 1.0.40 → 1.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trycompai/design-system",
-  "version": "1.0.40",
+  "version": "1.0.42",
   "description": "Design system for Comp AI - shadcn-style components with Tailwind CSS",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/molecules/table.tsx

@@ -182,7 +182,7 @@ function Table({
     <div
       data-slot="table-container"
       data-variant={variant}
-      className="relative w-full data-[variant=bordered]:border data-[variant=bordered]:rounded-lg"
+      className="relative w-full data-[variant=bordered]:border data-[variant=bordered]:rounded-lg data-[variant=bordered]:overflow-hidden"
     >
       <div data-slot="table-scroll" className="w-full overflow-x-auto">
         <table
@@ -235,7 +235,13 @@ function Table({
 }
 
 function TableHeader({ ...props }: Omit<React.ComponentProps<'thead'>, 'className'>) {
-  return <thead data-slot="table-header" className="bg-muted [&_tr]:border-b" {...props} />;
+  return (
+    <thead
+      data-slot="table-header"
+      className="bg-muted [&_tr]:border-b in-data-[variant=bordered]:rounded-t-lg in-data-[variant=bordered]:overflow-hidden"
+      {...props}
+    />
+  );
 }
 
 function TableBody({ ...props }: Omit<React.ComponentProps<'tbody'>, 'className'>) {

package/src/components/organisms/app-shell.tsx

@@ -70,7 +70,7 @@ const sidebarWidths = {
 } as const;
 
 const appShellSidebarVariants = cva(
-  'shrink-0 overflow-hidden hidden md:flex md:flex-col transition-[width,padding,opacity] duration-200 ease-in-out',
+  'shrink-0 overflow-hidden overscroll-none hidden md:flex md:flex-col transition-[width,padding,opacity] duration-200 ease-in-out',
   {
     variants: {
       variant: {
@@ -354,7 +354,7 @@ function AppShellBody({ children, ...props }: AppShellBodyProps) {
   const { mobileDrawerOpen, setMobileDrawerOpen, railContent, sidebarContent, sidebarVariant } = useAppShell();
 
   return (
-    <div data-slot="app-shell-body" className=" flex flex-1 overflow-hidden bg-background/50 min-h-0 gap-0" {...props}>
+    <div data-slot="app-shell-body" className="flex flex-1 overflow-hidden overscroll-none bg-background/50 min-h-0 gap-0" {...props}>
       {/* Mobile drawer - shows both rail and sidebar */}
       <div className="md:hidden">
         {/* Backdrop */}