refactor(page): remove page wrapper 2 variant usage

Author: adaptive-shield-matrix

.roo/rules-code/solid_ui_library.md

@@ -81,7 +81,6 @@ Generated at: 2025-11-06 11:38
 - ~/static/container/classesCardWrapper.ts
 - ~/static/logo/LogoImageText.tsx
 - ~/static/logo/LogoImageOnly.tsx
-- ~/static/page/PageWrapper2.tsx
 - ~/static/page/PageWrapper.tsx
 - ~/static/page/classesPageWrapper.ts
 - ~/static/page/classesPageCentered.ts

src/demos/input/DemoMultiSelect.tsx

@@ -1,18 +1,16 @@
 import { Multiselect } from "~ui/input/select/Multiselect"
-import { PageWrapper2 } from "~ui/static/page/PageWrapper2"
+import { PageWrapper } from "~ui/static/page/PageWrapper"
 import type { SelectionItem } from "~ui/utils/SelectionItem"
 import { createSignalObject } from "~ui/utils/createSignalObject"
 import { arrCreate } from "~utils/arr/arrCreate"
 
-const options5 = arrCreate<SelectionItem>(5, (i) => ({ value: "" + i, label: "Option " + i }))
 const options100 = arrCreate<SelectionItem>(100, (i) => ({ value: "" + i, label: "Option " + i }))
 const multiValueSignal = createSignalObject<SelectionItem[]>([])
 
 export function DemoMultiSelect() {
   return (
-    <PageWrapper2>
-      <Multiselect valueSignal={multiValueSignal} getOptions={() => options5} buttonProps={{}} />
+    <PageWrapper>
       <Multiselect valueSignal={multiValueSignal} getOptions={() => options100} buttonProps={{}} />
-    </PageWrapper2>
+    </PageWrapper>
   )
 }

src/demos/input/DemoNativeSingleSelect.tsx

@@ -1,6 +1,6 @@
 import { createMemo, type Accessor } from "solid-js"
 import { NativeSingleSelect } from "~ui/input/select/NativeSingleSelect"
-import { PageWrapper2 } from "~ui/static/page/PageWrapper2"
+import { PageWrapper } from "~ui/static/page/PageWrapper"
 import { createSignalObject } from "~ui/utils/createSignalObject"
 import { arrCreate } from "~utils/arr/arrCreate"
 
@@ -12,8 +12,8 @@ export function DemoNativeSingleSelect() {
   const valueDisplay = (value: string) => `Option ${value}`
 
   return (
-    <PageWrapper2>
+    <PageWrapper>
       <NativeSingleSelect valueSignal={singleValueSignal} getOptions={getOptions} valueDisplay={valueDisplay} />
-    </PageWrapper2>
+    </PageWrapper>
   )
 }

src/demos/input/DemoNumberInput.tsx

@@ -1,12 +1,12 @@
 import { NumberInputS } from "~ui/input/number/NumberInputS"
-import { PageWrapper2 } from "~ui/static/page/PageWrapper2"
+import { PageWrapper } from "~ui/static/page/PageWrapper"
 import { createSignalObject } from "~ui/utils/createSignalObject"
 
 export function DemoNumberInput() {
   const valueSignal = createSignalObject(0)
   return (
-    <PageWrapper2>
+    <PageWrapper>
       <NumberInputS valueSignal={valueSignal} />
-    </PageWrapper2>
+    </PageWrapper>
   )
 }

src/demos/input/DemoRadioSwitch.tsx

@@ -1,5 +1,5 @@
 import { RadioSwitch } from "~ui/input/radio/RadioSwitch"
-import { PageWrapper2 } from "~ui/static/page/PageWrapper2"
+import { PageWrapper } from "~ui/static/page/PageWrapper"
 import type { SelectionItem } from "~ui/utils/SelectionItem"
 import { createSignalObject } from "~ui/utils/createSignalObject"
 import { arrCreate } from "~utils/arr/arrCreate"
@@ -9,8 +9,8 @@ const singleValueSignal = createSignalObject<SelectionItem | null>(null)
 
 export function DemoRadioSwitch() {
   return (
-    <PageWrapper2>
+    <PageWrapper>
       <RadioSwitch valueSignal={singleValueSignal} getOptions={() => options100} />
-    </PageWrapper2>
+    </PageWrapper>
   )
 }

src/demos/interactive/DemoCheckbox.tsx

@@ -2,18 +2,18 @@ import { createSignal } from "solid-js"
 import { Checkbox } from "~ui/interactive/check/Checkbox"
 import { toastAdd } from "~ui/interactive/toast/toastAdd"
 import { toastVariant } from "~ui/interactive/toast/toastVariant"
-import { PageWrapper2 } from "~ui/static/page/PageWrapper2"
+import { PageWrapper } from "~ui/static/page/PageWrapper"
 
 export function DemoCheckbox() {
   return (
-    <PageWrapper2 class="">
+    <PageWrapper class="">
       <h1 class="text-3xl font-bold mb-6">Checkbox Demo</h1>
       <div class="space-y-8">
         <BasicCheckboxDemo />
         <DisabledCheckboxDemo />
         <MultipleCheckboxesDemo />
       </div>
-    </PageWrapper2>
+    </PageWrapper>
   )
 }