chore: fix build errors

Author: tanerengiiin

apps/showcase/demo/styled/select/select-pt.tsx

@@ -1,6 +1,7 @@
-/*import { Select } from '@primereact/ui/select';
-import * as React from 'react';
+'use client';
 import { ChevronDown } from '@primeicons/react/chevron-down';
+import { Select } from '@primereact/ui/select';
+import * as React from 'react';
 
 const cities = [
     { name: 'New York', code: 'NY' },
@@ -12,18 +13,25 @@ const cities = [
 
 export default function SelectPTDemo() {
     return (
-        <Select.Root id="city" options={cities} optionLabel="name" className="w-full md:w-56">
-            <Select.Trigger placeholder="Select a City" />
-            <Select.Dropdown>
-                <ChevronDown />
-            </Select.Dropdown>
+        <div className="flex justify-center">
+            <Select.Root id="city" options={cities} optionLabel="name" className="w-full md:w-56">
+                <Select.Trigger>
+                    <Select.Value placeholder="Select a City" />
+                    <Select.Icon>
+                        <ChevronDown />
+                    </Select.Icon>
+                </Select.Trigger>
 
-            <Select.Portal>
-                <Select.List>
-                    <Select.Options style={{ maxHeight: '14rem' }} />
-                </Select.List>
-            </Select.Portal>
-        </Select.Root>
+                <Select.Portal>
+                    <Select.Positioner>
+                        <Select.Panel>
+                            <Select.List>
+                                <Select.Options style={{ maxHeight: '14rem' }} />
+                            </Select.List>
+                        </Select.Panel>
+                    </Select.Positioner>
+                </Select.Portal>
+            </Select.Root>
+        </div>
     );
 }
-*/

apps/showcase/docs/general/guides/accessibility.mdx

@@ -1,13 +1,11 @@
-import { CheckCircle } from '@primeicons/react/check-circle'
-import { TimesCircle } from '@primeicons/react/times-circle'
-
 ---
-
 title: Accessibility
 description: PrimeReact has WCAG 2.1 AA level compliance, refer to the accessibility documentation of each component for detailed information.
-
 ---
 
+import { CheckCircle } from '@primeicons/react/check-circle'
+import { TimesCircle } from '@primeicons/react/times-circle'
+
 ## Introduction
 
 According to the World Health Organization, 15% of the world population has a disability to some degree. As a result, accessibility features in any context such as a ramp for wheelchair users or a multimedia with captions are crucial to ensure content can be consumed by anyone.

apps/showcase/docs/general/icons/primeicons.mdx

@@ -1,17 +1,15 @@
+---
+title: Prime Icons
+description: PrimeIcons is the default icon library of PrimeReact with over 250 open source icons developed by PrimeTek. PrimeIcons library is optional as PrimeReact components can use any icon with templating.
+---
+
 import { Check } from '@primeicons/react/check'
 import { Cog } from '@primeicons/react/cog'
 import { Search } from '@primeicons/react/search'
 import { Spinner } from '@primeicons/react/spinner'
 import { Times } from '@primeicons/react/times'
 import { User } from '@primeicons/react/user'
 
----
-
-title: Prime Icons
-description: PrimeIcons is the default icon library of PrimeReact with over 250 open source icons developed by PrimeTek. PrimeIcons library is optional as PrimeReact components can use any icon with templating.
-
----
-
 ## Download
 
 PrimeIcons is available at npm, run the following command to download it to your project.

apps/showcase/shared/components/docs/doc-pt-viewer.tsx

@@ -83,7 +83,7 @@ export default function DocPtViewer({ components, className, name, __pathname__,
 
     if (!type || !componentName) return;
 
-    const Demo = Store[type]?.[componentName]?.[name].component;
+    const Demo = Store[type]?.[componentName]?.[name]?.component;
 
     if (!Demo) {
         return (

packages/@primereact/core/src/utils/index.ts

@@ -27,7 +27,7 @@ export function isCssSupported(property: keyof CSSStyleDeclaration | string, val
 export function isCssSupported(condition: string): boolean;
 
 export function isCssSupported(input: keyof CSSStyleDeclaration | string, value?: string): boolean {
-    if (!CSS || !CSS.supports) {
+    if (typeof CSS === 'undefined' || !CSS.supports) {
         return false;
     }