Update shadcn AutoTable search sizing to be wider and to compress as the page compresses

Author: MillanWangGadget

packages/react/spec/auto/shadcn-defaults/__snapshots__/shadcnClassnameSafelist.spec.ts.snap

@@ -878,10 +878,6 @@ body {
   width: 100%;
 }
 
-.min-w-\\[300px\\] {
-  min-width: 300px;
-}
-
 .max-w-\\[150px\\] {
   max-width: 150px;
 }
@@ -890,6 +886,10 @@ body {
   max-width: 200px;
 }
 
+.max-w-\\[420px\\] {
+  max-width: 420px;
+}
+
 .max-w-full {
   max-width: 100%;
 }

packages/react/src/auto/shadcn/GadgetShadcnTailwindSafelist.ts

@@ -4,6 +4,7 @@ const SpecialCaseClassNames = [
   "max-h-[100px]",
   "max-w-[150px]",
   "max-w-[200px]",
+  "max-w-[420px]",
   "border-b-[1px]",
   "border-t-[1px]",
   "border-x-[1px]",

packages/react/src/auto/shadcn/table/ShadcnAutoTableSearch.tsx

@@ -13,8 +13,8 @@ export const makeShadcnAutoTableSearch = (elements: ShadcnElements) => {
     const { clear, set, value } = props.search;
 
     return (
-      <div className="flex flex-row items-center gap-2">
-        <Input placeholder="Search" onChange={(e) => set(e.target.value)} value={value} className="min-w-[300px]"></Input>
+      <div className="flex flex-row items-center gap-2 w-full">
+        <Input placeholder="Search" onChange={(e) => set(e.target.value)} value={value} className="max-w-[420px]"></Input>
         {value.length > 0 && (
           <Button disabled={!value} onClick={clear} variant="ghost">
             Reset <X />