fix: ts errors

mertsincan · mertsincan · commit 6932c5967af5 · 2026-02-11T15:46:13.000Z
diff --git a/apps/showcase/assets/menu/navigation.ts b/apps/showcase/assets/menu/navigation.ts
@@ -197,11 +197,11 @@ export const menu = {
                 {
                     name: 'Styled Mode',
                     href: '/docs/styled/theming/styled'
-                },
-                {
+                }
+                /*{
                     name: 'Unstyled Mode',
                     href: '/docs/styled/theming/unstyled'
-                }
+                }*/
             ]
         },
         {
@@ -544,14 +544,14 @@ export const menu = {
             name: 'Installation',
             icon: 'pi pi-cloud-download',
             children: [
-                {
+                /*{
                     name: 'Vite',
                     href: '/docs/tailwind/installation/vite'
                 },
                 {
                     name: 'Next.js',
                     href: '/docs/tailwind/installation/nextjs'
-                }
+                }*/
             ]
         },
         {
diff --git a/apps/showcase/demo/styled/select/select-pt.tsx b/apps/showcase/demo/styled/select/select-pt.tsx
@@ -1,4 +1,4 @@
-import { Select } from '@primereact/ui/select';
+/*import { Select } from '@primereact/ui/select';
 import * as React from 'react';
 import { ChevronDown } from '@primeicons/react/chevron-down';
 
@@ -26,3 +26,4 @@ export default function SelectPTDemo() {
         </Select.Root>
     );
 }
+*/
diff --git a/apps/showcase/docs/styled/installation/nextjs.mdx b/apps/showcase/docs/styled/installation/nextjs.mdx
@@ -26,7 +26,7 @@ import { Github } from '@primeicons/react/github';
 Install PrimeReact and a theme package using your favorite package manager:
 
 ```bash
-npm install primereact@11.0.0-alpha.1 @primeuix/themes
+npm install primereact@11.0.0-alpha.10 @primeuix/themes
 ```
 
     </DocStep>
diff --git a/apps/showcase/docs/styled/installation/vite.mdx b/apps/showcase/docs/styled/installation/vite.mdx
@@ -26,7 +26,7 @@ import { Github } from '@primeicons/react/github';
 Install PrimeReact and a theme package using your favorite package manager:
 
 ```bash
-npm install primereact@11.0.0-alpha.1 @primeuix/themes
+npm install primereact@11.0.0-alpha.10 @primeuix/themes
 ```
 
     </DocStep>
diff --git a/apps/showcase/docs/tailwind/installation/nextjs.mdx b/apps/showcase/docs/tailwind/installation/nextjs.mdx
@@ -5,6 +5,8 @@ description: Setting up PrimeReact in a Next.js project.
 
 ## Working Example
 
+import { Github } from '@primeicons/react/github';
+
 <DocLinkCard href='https://github.com/primefaces/primereact-examples/tree/main/nextjs-quickstart-nextgen'>
     <span className='text-2xl font-semibold'>Quickstart your project with our PrimeReact + Next.js template</span>
     <div>Use this Next.js template pre-configured with PrimeReact to quickly start building your app with ready-to-use UI components and styles.</div>
@@ -24,7 +26,7 @@ description: Setting up PrimeReact in a Next.js project.
 Install PrimeReact and a theme package using your favorite package manager:
 
 ```bash
-npm install primereact@11.0.0-alpha.1 @primeuix/themes
+npm install primereact@11.0.0-alpha.10 @primeuix/themes
 ```
 
     </DocStep>
diff --git a/apps/showcase/docs/tailwind/installation/vite.mdx b/apps/showcase/docs/tailwind/installation/vite.mdx
@@ -5,6 +5,8 @@ description: Setting up PrimeReact in a Vite project.
 
 ## Working Example
 
+import { Github } from '@primeicons/react/github';
+
 <DocLinkCard href='https://github.com/primefaces/primereact-examples/tree/main/vite-quickstart-nextgen'>
     <span className='text-2xl font-semibold'>Quickstart your project with our PrimeReact + Vite template</span>
     <div>Use this Vite template pre-configured with PrimeReact to quickly start building your app with ready-to-use UI components and styles.</div>
@@ -24,7 +26,7 @@ description: Setting up PrimeReact in a Vite project.
 Install PrimeReact and a theme package using your favorite package manager:
 
 ```bash
-npm install primereact@11.0.0-alpha.1 @primeuix/themes
+npm install primereact@11.0.0-alpha.10 @primeuix/themes
 ```
 
     </DocStep>
diff --git a/apps/showcase/package.json b/apps/showcase/package.json
@@ -1,6 +1,6 @@
 {
     "name": "showcase",
-    "version": "11.0.0-alpha.8",
+    "version": "11.0.0-alpha.10",
     "scripts": {
         "dev": "npm run dev:init && next dev --turbopack",
         "dev2": "npm run dev:init && cross-env DEV_ENV=hot next dev --port 3001",
diff --git a/apps/showcase/public/r/index.json b/apps/showcase/public/r/index.json
@@ -2,7 +2,7 @@
   "name": "index",
   "type": "registry:style",
   "dependencies": [
-    "primereact@11.0.0-alpha.1",
+    "primereact@11.0.0-alpha.10",
     "@primeuix/utils",
     "@primereact/types"
   ],
diff --git a/apps/showcase/registry.json b/apps/showcase/registry.json
@@ -7,7 +7,7 @@
       "name": "index",
       "type": "registry:style",
       "dependencies": [
-        "primereact@11.0.0-alpha.1",
+        "primereact@11.0.0-alpha.10",
         "@primeuix/utils",
         "@primereact/types"
       ],
diff --git a/apps/showcase/scripts/build-registry.mjs b/apps/showcase/scripts/build-registry.mjs
@@ -28,7 +28,7 @@ const items = [
     {
         name: 'index',
         type: 'registry:style',
-        dependencies: ['primereact@11.0.0-alpha.1', '@primeuix/utils', '@primereact/types'],
+        dependencies: ['primereact@11.0.0-alpha.10', '@primeuix/utils', '@primereact/types'],
         registryDependencies: [REGISTRY_BASE('utils')],
         files: [],
         css: {
diff --git a/packages/@primereact/core/package.json b/packages/@primereact/core/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/core",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/headless/package.json b/packages/@primereact/headless/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/headless",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/headless/src/speeddial/useSpeedDial.ts b/packages/@primereact/headless/src/speeddial/useSpeedDial.ts
@@ -152,7 +152,7 @@ export const useSpeedDial = withHeadless({
             return styleMapper ? styleMapper(x, y) : {};
         };
 
-        const getItemStyle = (index: number) => ({
+        const getItemStyle = (index: number): React.CSSProperties => ({
             transitionDelay: `${calculateTransitionDelay(index)}ms`,
             ...calculatePointStyle(index)
         });
diff --git a/packages/@primereact/hooks/package.json b/packages/@primereact/hooks/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/hooks",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/icons/package.json b/packages/@primereact/icons/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/icons",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/styles/package.json b/packages/@primereact/styles/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/styles",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/styles/src/floatlabel/FloatLabel.style.ts b/packages/@primereact/styles/src/floatlabel/FloatLabel.style.ts
@@ -1,5 +1,5 @@
 import { createStyles } from '@primereact/styles/utils';
-import type { FloatLabelInstance } from '@primereact/types/shared/label';
+import type { FloatLabelInstance } from '@primereact/types/shared/floatlabel';
 import { style } from '@primeuix/styles/floatlabel';
 
 export const styles = createStyles<FloatLabelInstance>({
diff --git a/packages/@primereact/styles/src/iftalabel/IftaLabel.style.ts b/packages/@primereact/styles/src/iftalabel/IftaLabel.style.ts
@@ -1,5 +1,5 @@
 import { createStyles } from '@primereact/styles/utils';
-import type { IftaLabelInstance } from '@primereact/types/shared/label';
+import type { IftaLabelInstance } from '@primereact/types/shared/iftalabel';
 import { style } from '@primeuix/styles/iftalabel';
 
 export const styles = createStyles<IftaLabelInstance>({
diff --git a/packages/@primereact/styles/src/label/Label.style.ts b/packages/@primereact/styles/src/label/Label.style.ts
@@ -1,6 +1,6 @@
 import { createStyles } from '@primereact/styles/utils';
-import type { LabelRootInstance } from '@primereact/types/shared/label';
+import type { LabelInstance } from '@primereact/types/shared/label';
 
-export const styles = createStyles<LabelRootInstance>({
+export const styles = createStyles<LabelInstance>({
     name: 'label'
 });
diff --git a/packages/@primereact/styles/src/tag/Tag.style.ts b/packages/@primereact/styles/src/tag/Tag.style.ts
@@ -1,8 +1,8 @@
 import { createStyles } from '@primereact/styles/utils';
-import type { TagRootInstance } from '@primereact/types/shared/tag';
+import type { TagInstance } from '@primereact/types/shared/tag';
 import { style } from '@primeuix/styles/tag';
 
-export const styles = createStyles<TagRootInstance>({
+export const styles = createStyles<TagInstance>({
     name: 'tag',
     style,
     classes: {
diff --git a/packages/@primereact/styles/src/togglebuttongroup/ToggleButtonGroup.style.ts b/packages/@primereact/styles/src/togglebuttongroup/ToggleButtonGroup.style.ts
@@ -1,9 +1,9 @@
 import { createStyles } from '@primereact/styles/utils';
-import type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebutton';
+import type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebuttongroup';
 import { style } from '@primeuix/styles/selectbutton';
 
 export const styles = createStyles<ToggleButtonGroupInstance>({
-    name: 'selectbutton',
+    name: 'togglebuttongroup',
     style,
     classes: {
         root: ({ props }) => [
diff --git a/packages/@primereact/types/package.json b/packages/@primereact/types/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/types",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/types/src/core/PassThrough.types.ts b/packages/@primereact/types/src/core/PassThrough.types.ts
@@ -1,5 +1,5 @@
 import type { AvatarRootPassThrough } from '@primereact/types/shared/avatar';
-import type { BadgeRootPassThrough } from '@primereact/types/shared/badge';
+import type { BadgePassThrough } from '@primereact/types/shared/badge';
 import type { ButtonPassThrough } from '@primereact/types/shared/button';
 import type { CheckboxRootPassThrough } from '@primereact/types/shared/checkbox';
 import type { ChipRootPassThrough } from '@primereact/types/shared/chip';
@@ -12,7 +12,7 @@ import type { ProgressSpinnerPassThrough } from '@primereact/types/shared/progre
 import type { RadioButtonRootPassThrough } from '@primereact/types/shared/radiobutton';
 import type { SkeletonPassThrough } from '@primereact/types/shared/skeleton';
 import type { StyleClassPassThrough } from '@primereact/types/shared/styleclass';
-import type { TagRootPassThrough } from '@primereact/types/shared/tag';
+import type { TagPassThrough } from '@primereact/types/shared/tag';
 
 /**
  * Defines the pass-through options.
@@ -51,7 +51,7 @@ export interface PassThroughProps extends PassThroughOptions {
      */
     value?: {
         avatar?: AvatarRootPassThrough;
-        badge?: BadgeRootPassThrough;
+        badge?: BadgePassThrough;
         button?: ButtonPassThrough;
         checkbox?: CheckboxRootPassThrough;
         chip?: ChipRootPassThrough;
@@ -64,6 +64,6 @@ export interface PassThroughProps extends PassThroughOptions {
         radiobutton?: RadioButtonRootPassThrough;
         skeleton?: SkeletonPassThrough;
         styleclass?: StyleClassPassThrough;
-        tag?: TagRootPassThrough;
+        tag?: TagPassThrough;
     };
 }
diff --git a/packages/@primereact/types/src/shared/colorpicker/useColorPicker.types.ts b/packages/@primereact/types/src/shared/colorpicker/useColorPicker.types.ts
@@ -156,7 +156,7 @@ export interface useColorPickerExposes {
         min: number;
         max: number;
         step: number;
-        disabled: boolean;
+        disabled?: boolean | undefined;
         onValueChange: (event: useSliderChangeEvent) => void;
         onValueChangeEnd: (event: useSliderChangeEvent) => void;
     };
diff --git a/packages/@primereact/types/src/shared/datepicker/useDatePicker.types.ts b/packages/@primereact/types/src/shared/datepicker/useDatePicker.types.ts
@@ -490,7 +490,7 @@ export interface useDatePickerState {
     /**
      * Whether the overlay is open.
      */
-    opened: boolean;
+    opened: boolean | undefined;
     /**
      * Current view state information.
      */
diff --git a/packages/@primereact/types/src/shared/drawer/useDrawer.types.ts b/packages/@primereact/types/src/shared/drawer/useDrawer.types.ts
@@ -36,6 +36,11 @@ export interface useDrawerProps {
      * Defines if background should be blocked when drawer is displayed.
      */
     modal?: boolean | undefined;
+    /**
+     * Whether to block scrolling when the drawer is open.
+     * @default false
+     */
+    blockScroll?: boolean | undefined;
     /**
      * Whether clicking outside closes the drawer.
      * @default true
diff --git a/packages/@primereact/types/src/shared/positioner/index.ts b/packages/@primereact/types/src/shared/positioner/index.ts
@@ -1,8 +1 @@
-export * from './Positioner.types';
 export * from './usePositioner.types';
-
-// parts
-export * from './PositionerAnchor.types';
-export * from './PositionerArrow.types';
-export * from './PositionerContent.types';
-export * from './PositionerRoot.types';
diff --git a/packages/@primereact/types/src/shared/radiobutton/RadioButtonRoot.types.ts b/packages/@primereact/types/src/shared/radiobutton/RadioButtonRoot.types.ts
@@ -9,6 +9,7 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
+import type { RadioButtonGroupInstance } from '@primereact/types/shared/radiobuttongroup';
 import type { BaseComponentProps, PassThroughType } from '..';
 import type { useRadioButtonChangeEvent, useRadioButtonExposes, useRadioButtonProps, useRadioButtonState } from './useRadioButton.types';
 
@@ -138,7 +139,12 @@ export interface RadioButtonRootState extends useRadioButtonState {}
  * Defines the methods and properties exposed by RadioButton component.
  * @extends useRadioButtonExposes
  */
-export interface RadioButtonRootExposes extends useRadioButtonExposes {}
+export interface RadioButtonRootExposes extends useRadioButtonExposes {
+    /**
+     * The RadioButtonGroup component instance.
+     */
+    group?: RadioButtonGroupInstance | undefined | null;
+}
 
 /**
  * Instance of RadioButton component.
diff --git a/packages/@primereact/types/src/shared/radiobuttongroup/useRadioButtonGroup.types.ts b/packages/@primereact/types/src/shared/radiobuttongroup/useRadioButtonGroup.types.ts
@@ -49,9 +49,9 @@ export interface useRadioButtonGroupProps {
  */
 export interface useRadioButtonGroupState {
     /**
-     * The checked state of the useRadioButtonGroup.
+     * The value state of the useRadioButtonGroup.
      */
-    checked: boolean | undefined;
+    value: unknown | undefined;
 }
 
 /**
diff --git a/packages/@primereact/types/src/shared/select/SelectRoot.types.ts b/packages/@primereact/types/src/shared/select/SelectRoot.types.ts
@@ -146,6 +146,10 @@ export interface SelectRootProps extends BaseComponentProps<SelectRootInstance,
      * Specifies the input variant of the component.
      */
     variant?: 'outlined' | 'filled' | undefined;
+    /**
+     *
+     */
+    filterValue?: string | undefined;
     /**
      * Spans 100% width of the container when enabled.
      */
diff --git a/packages/@primereact/types/src/shared/select/useSelect.types.ts b/packages/@primereact/types/src/shared/select/useSelect.types.ts
@@ -189,14 +189,10 @@ export interface useSelectState {
      * The current selected value.
      */
     value: unknown | undefined;
-    /**
-     * The current filter text value.
-     */
-    filterValue: string;
     /**
      * Whether the overlay is open.
      */
-    opened: boolean;
+    opened: boolean | undefined;
     /**
      * Whether the trigger is focused.
      */
diff --git a/packages/@primereact/types/src/shared/togglebutton/ToggleButtonRoot.types.ts b/packages/@primereact/types/src/shared/togglebutton/ToggleButtonRoot.types.ts
@@ -9,6 +9,7 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
+import type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebuttongroup';
 import type { BaseComponentProps, PassThroughType } from '..';
 import type { useToggleButtonChangeEvent, useToggleButtonExposes, useToggleButtonProps, useToggleButtonState } from './useToggleButton.types';
 
@@ -84,7 +85,12 @@ export interface ToggleButtonRootState extends useToggleButtonState {}
  * Defines the methods and properties exposed by ToggleButton component.
  * @extends useToggleButtonExposes
  */
-export interface ToggleButtonRootExposes extends useToggleButtonExposes {}
+export interface ToggleButtonRootExposes extends useToggleButtonExposes {
+    /**
+     * The ToggleButtonGroup component instance.
+     */
+    group?: ToggleButtonGroupInstance | undefined | null;
+}
 
 /**
  * Instance of ToggleButton component.
diff --git a/packages/@primereact/ui/package.json b/packages/@primereact/ui/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/ui",
-    "version": "11.0.0-alpha.9",
+    "version": "11.0.0-alpha.10",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/@primereact/ui/src/checkbox/index.ts b/packages/@primereact/ui/src/checkbox/index.ts
diff --git a/packages/@primereact/ui/src/popover/root/UIPopoverRoot.tsx b/packages/@primereact/ui/src/popover/root/UIPopoverRoot.tsx
diff --git a/packages/primereact/package.json b/packages/primereact/package.json
diff --git a/packages/primereact/src/fileupload/list/FileUploadList.tsx b/packages/primereact/src/fileupload/list/FileUploadList.tsx
diff --git a/packages/primereact/src/paginator/page/PaginatorPage.tsx b/packages/primereact/src/paginator/page/PaginatorPage.tsx
diff --git a/packages/primereact/src/password/Password.props.ts b/packages/primereact/src/password/Password.props.ts
diff --git a/packages/primereact/src/togglebuttongroup/ToggleButtonGroup.context.ts b/packages/primereact/src/togglebuttongroup/ToggleButtonGroup.context.ts
diff --git a/packages/primereact/src/tooltip/portal/TooltipPortal.tsx b/packages/primereact/src/tooltip/portal/TooltipPortal.tsx
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -197,11 +197,11 @@ export const menu = {`
`197`	`197`	`{`
`198`	`198`	`name: 'Styled Mode',`
`199`	`199`	`href: '/docs/styled/theming/styled'`
`200`		`- },`
`201`		`- {`
	`200`	`+ }`
	`201`	`+ /*{`
`202`	`202`	`name: 'Unstyled Mode',`
`203`	`203`	`href: '/docs/styled/theming/unstyled'`
`204`		`- }`
	`204`	`+ }*/`
`205`	`205`	`]`
`206`	`206`	`},`
`207`	`207`	`{`
`@@ -544,14 +544,14 @@ export const menu = {`
`544`	`544`	`name: 'Installation',`
`545`	`545`	`icon: 'pi pi-cloud-download',`
`546`	`546`	`children: [`
`547`		`- {`
	`547`	`+ /*{`
`548`	`548`	`name: 'Vite',`
`549`	`549`	`href: '/docs/tailwind/installation/vite'`
`550`	`550`	`},`
`551`	`551`	`{`
`552`	`552`	`name: 'Next.js',`
`553`	`553`	`href: '/docs/tailwind/installation/nextjs'`
`554`		`- }`
	`554`	`+ }*/`
`555`	`555`	`]`
`556`	`556`	`},`
`557`	`557`	`{`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Select } from '@primereact/ui/select';`
	`1`	`+/*import { Select } from '@primereact/ui/select';`
`2`	`2`	`import * as React from 'react';`
`3`	`3`	`import { ChevronDown } from '@primeicons/react/chevron-down';`
`4`	`4`
`@@ -26,3 +26,4 @@ export default function SelectPTDemo() {`
`26`	`26`	`</Select.Root>`
`27`	`27`	`);`
`28`	`28`	`}`
	`29`	`+*/`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "showcase",`
`3`		`- "version": "11.0.0-alpha.8",`
	`3`	`+ "version": "11.0.0-alpha.10",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"dev": "npm run dev:init && next dev --turbopack",`
`6`	`6`	`"dev2": "npm run dev:init && cross-env DEV_ENV=hot next dev --port 3001",`
Original file line number	Diff line number	Diff line change
`@@ -28,7 +28,7 @@ const items = [`
`28`	`28`	`{`
`29`	`29`	`name: 'index',`
`30`	`30`	`type: 'registry:style',`
`31`		`- dependencies: ['primereact@11.0.0-alpha.1', '@primeuix/utils', '@primereact/types'],`
	`31`	`+ dependencies: ['primereact@11.0.0-alpha.10', '@primeuix/utils', '@primereact/types'],`
`32`	`32`	`registryDependencies: [REGISTRY_BASE('utils')],`
`33`	`33`	`files: [],`
`34`	`34`	`css: {`