@primereact/headless 11.0.0-alpha.9 → 11.0.0-rc.1

package/sidebar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/useSidebar.ts","../../src/sidebar/useSidebar.props.ts","../../src/sidebar/useSidebarLayout.ts","../../src/sidebar/useSidebarLayout.props.ts","../../src/sidebar/useSidebarMenuItem.ts","../../src/sidebar/useSidebarMenuItem.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks/use-controlled-state';\nimport * as React from 'react';\nimport { defaultProps } from './useSidebar.props';\n\nexport const useSidebar = withHeadless({\n    name: 'useSidebar',\n    defaultProps,\n    setup({ props }) {\n        const [openState, setOpenState] = useControlledState({\n            value: props.open,\n            defaultValue: props.defaultOpen ?? true,\n            onChange: props.onOpenChange\n        });\n\n        const displayState = openState ? 'expanded' : 'collapsed';\n\n        const state = {\n            open: !!openState,\n            displayState: displayState as 'expanded' | 'collapsed'\n        };\n\n        // methods\n        const toggle = (event?: React.SyntheticEvent) => {\n            if (props.collapsible === 'none') return;\n\n            setOpenState([!openState, { originalEvent: event, value: !openState }]);\n        };\n\n        const expand = (event?: React.SyntheticEvent) => {\n            setOpenState([true, { originalEvent: event, value: true }]);\n        };\n\n        const collapse = (event?: React.SyntheticEvent) => {\n            if (props.collapsible === 'none') return;\n\n            setOpenState([false, { originalEvent: event, value: false }]);\n        };\n\n        // hover with debounce\n        const hoverTimerRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n        const clearHoverTimer = () => {\n            if (hoverTimerRef.current) {\n                clearTimeout(hoverTimerRef.current);\n                hoverTimerRef.current = null;\n            }\n        };\n\n        const handlePointerEnter = React.useCallback(\n            (event?: React.SyntheticEvent) => {\n                if (!props.openOnHover) return;\n\n                clearHoverTimer();\n                hoverTimerRef.current = setTimeout(() => expand(event), props.hoverOpenDelay ?? 50);\n            },\n            [props.openOnHover, props.hoverOpenDelay]\n        );\n\n        const handlePointerLeave = React.useCallback(\n            (event?: React.SyntheticEvent) => {\n                if (!props.openOnHover) return;\n\n                clearHoverTimer();\n                hoverTimerRef.current = setTimeout(() => collapse(event), props.hoverCloseDelay ?? 100);\n            },\n            [props.openOnHover, props.hoverCloseDelay]\n        );\n\n        React.useEffect(() => clearHoverTimer, []);\n\n        // Stable handle for the layout's setSidebar — the layout instance object\n        // is recreated on every layout render, but its `setSidebar` is wrapped in\n        // useCallback so the function reference is stable across re-renders.\n        const setSidebar = props.layout?.setSidebar;\n\n        // Unregister on unmount only. Mounting publishes via the state-push effect below.\n        React.useEffect(() => {\n            if (!setSidebar || !props.id) return;\n\n            return () => setSidebar(props.id!, null);\n        }, [setSidebar, props.id]);\n\n        // Push the current snapshot whenever relevant state changes.\n        React.useEffect(() => {\n            if (!setSidebar || !props.id) return;\n\n            setSidebar(props.id, {\n                toggle,\n                collapse,\n                open: !!openState,\n                state: openState ? 'expanded' : 'collapsed',\n                overlay: !!props.overlay,\n                hideOnOutsideClick: props.hideOnOutsideClick !== false\n            });\n        }, [setSidebar, props.id, openState, props.overlay, props.hideOnOutsideClick]);\n\n        // prop getters\n        const rootProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'root',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-collapsible-mode': props.collapsible,\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined),\n            ...(props.openOnHover\n                ? {\n                      onPointerEnter: handlePointerEnter,\n                      onPointerLeave: handlePointerLeave\n                  }\n                : undefined),\n            style: {\n                '--px-sidebar-width': props.width,\n                '--px-sidebar-width-icon': props.iconWidth\n            } as React.CSSProperties\n        };\n\n        // sub-component prop getters\n        const spacerProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'spacer',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const asideProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'aside',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const panelProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'panel',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const contentProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'content',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const headerProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'header',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const footerProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'footer',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const triggerProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'trigger',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            onClick: toggle,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const railProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'rail',\n            'aria-label': 'Toggle Sidebar',\n            tabIndex: -1 as const,\n            onClick: toggle,\n            title: 'Toggle Sidebar',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const mainProps = {\n            'data-scope': 'sidebar',\n            'data-part': 'main',\n            'data-state': displayState,\n            'data-collapsible': displayState === 'collapsed' ? props.collapsible : '',\n            'data-variant': props.variant,\n            'data-side': props.side,\n            ...(props.overlay ? { 'data-overlay': '' as const } : undefined)\n        };\n\n        const backdropProps = {\n            ...(props.dismissable ? { onClick: collapse } : {})\n        };\n\n        return {\n            state,\n            // methods\n            toggle,\n            expand,\n            collapse,\n            // prop getters\n            rootProps,\n            spacerProps,\n            asideProps,\n            panelProps,\n            contentProps,\n            headerProps,\n            footerProps,\n            triggerProps,\n            railProps,\n            mainProps,\n            backdropProps,\n            // config\n            variant: props.variant,\n            collapsible: props.collapsible,\n            side: props.side,\n            overlay: props.overlay,\n            openOnHover: props.openOnHover\n        };\n    }\n});\n","import type { UseSidebarProps } from '@primereact/types/headless/sidebar';\n\nexport const defaultProps: UseSidebarProps = {\n    layout: undefined,\n    id: undefined,\n    side: 'left',\n    variant: 'sidebar',\n    collapsible: 'icon',\n    overlay: false,\n    open: undefined,\n    defaultOpen: true,\n    onOpenChange: undefined,\n    openOnHover: false,\n    hoverOpenDelay: 50,\n    hoverCloseDelay: 100,\n    dismissable: true,\n    hideOnOutsideClick: true,\n    width: '16rem',\n    iconWidth: '3rem'\n};\n","import { withHeadless } from '@primereact/core/headless';\nimport type { SidebarRegistryEntry } from '@primereact/types/headless/sidebar';\nimport * as React from 'react';\nimport { defaultLayoutProps } from './useSidebarLayout.props';\n\nexport const useSidebarLayout = withHeadless({\n    name: 'useSidebarLayout',\n    defaultProps: defaultLayoutProps,\n    setup() {\n        const [sidebars, setSidebars] = React.useState<Map<string, SidebarRegistryEntry>>(() => new Map());\n\n        const setSidebar = React.useCallback((id: string, entry: SidebarRegistryEntry | null) => {\n            setSidebars((prev) => {\n                if (entry === null) {\n                    if (!prev.has(id)) return prev;\n\n                    const next = new Map(prev);\n\n                    next.delete(id);\n\n                    return next;\n                }\n\n                // Bail if the relevant primitive state is unchanged. Methods (toggle/collapse)\n                // are re-created on every parent render — comparing them would defeat the\n                // bail-out. The stored entry's closures stay functionally correct so long as\n                // the primitives match.\n                const existing = prev.get(id);\n\n                if (existing && existing.open === entry.open && existing.state === entry.state && existing.overlay === entry.overlay && existing.hideOnOutsideClick === entry.hideOnOutsideClick) {\n                    return prev;\n                }\n\n                const next = new Map(prev);\n\n                next.set(id, entry);\n\n                return next;\n            });\n        }, []);\n\n        const toggle = React.useCallback(\n            (target?: string, event?: React.SyntheticEvent) => {\n                if (target) {\n                    sidebars.get(target)?.toggle(event);\n\n                    return;\n                }\n\n                if (sidebars.size === 1) {\n                    sidebars.values().next().value?.toggle(event);\n                }\n            },\n            [sidebars]\n        );\n\n        const collapse = React.useCallback(\n            (target?: string, event?: React.SyntheticEvent) => {\n                if (target) {\n                    const entry = sidebars.get(target);\n\n                    if (entry?.open) entry.toggle(event);\n\n                    return;\n                }\n\n                sidebars.forEach((entry) => {\n                    if (entry.open) entry.toggle(event);\n                });\n            },\n            [sidebars]\n        );\n\n        const open = React.useMemo(() => {\n            for (const entry of sidebars.values()) {\n                if (entry.open) return true;\n            }\n\n            return false;\n        }, [sidebars]);\n\n        const hasInteractOutsideTarget = React.useMemo(() => {\n            for (const entry of sidebars.values()) {\n                if (entry.open && entry.overlay && entry.hideOnOutsideClick) return true;\n            }\n\n            return false;\n        }, [sidebars]);\n\n        const handleMainClick = (event: React.MouseEvent) => {\n            const target = event.target as HTMLElement | null;\n\n            // Skip clicks that originate from a sidebar trigger so opening the sidebar via the trigger\n            // (which usually lives inside Sidebar.Main) is not immediately undone by the same click.\n            if (target?.closest('[data-scope=\"sidebar\"][data-part=\"trigger\"]')) return;\n\n            sidebars.forEach((entry) => {\n                if (entry.open && entry.overlay && entry.hideOnOutsideClick) {\n                    entry.collapse(event);\n                }\n            });\n        };\n\n        const mainProps = {\n            ...(hasInteractOutsideTarget ? { onClick: handleMainClick } : undefined)\n        };\n\n        const backdropProps = {\n            onClick: () => collapse(),\n            'data-state': (open ? 'open' : 'closed') as 'open' | 'closed'\n        };\n\n        const backdropMotionProps = {\n            visible: open,\n            motionProps: {\n                name: 'p-overlay-mask',\n                appear: true\n            }\n        };\n\n        return {\n            state: { open },\n            setSidebar,\n            toggle,\n            collapse,\n            backdropProps,\n            backdropMotionProps,\n            mainProps\n        };\n    }\n});\n","import type { UseSidebarLayoutProps } from '@primereact/types/headless/sidebar';\n\nexport const defaultLayoutProps: UseSidebarLayoutProps = {};\n","import { withHeadless } from '@primereact/core/headless';\nimport { useCollapsible } from '@primereact/headless/collapsible';\nimport * as React from 'react';\nimport { defaultMenuItemProps } from './useSidebarMenuItem.props';\n\nexport const useSidebarMenuItem = withHeadless({\n    name: 'useSidebarMenuItem',\n    defaultProps: defaultMenuItemProps,\n    setup({ props }) {\n        const isCollapsible = !!props.collapsible;\n\n        const collapsible = useCollapsible({\n            open: isCollapsible ? props.open : undefined,\n            defaultOpen: isCollapsible ? (props.defaultOpen ?? true) : true,\n            onOpenChange: isCollapsible ? props.onOpenChange : undefined,\n            disabled: props.disabled\n        });\n\n        const state = {\n            isCollapsible,\n            open: collapsible.state.open\n        };\n\n        const triggerProps = isCollapsible ? collapsible.triggerProps : {};\n        const contentProps = isCollapsible ? collapsible.contentProps : {};\n        const rootProps = isCollapsible\n            ? {\n                  ...collapsible.rootProps,\n                  'data-collapsible': true\n              }\n            : {};\n\n        return {\n            state,\n            toggle: collapsible.toggle,\n            triggerProps,\n            contentProps,\n            rootProps\n        };\n    }\n});\n","import type { UseSidebarMenuItemProps } from '@primereact/types/headless/sidebar';\n\nexport const defaultMenuItemProps: UseSidebarMenuItemProps = {\n    collapsible: false,\n    open: undefined,\n    defaultOpen: true,\n    disabled: false,\n    onOpenChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","useControlledState","React","defaultProps","useSidebar","withHeadless","defaultProps","props","_a","_b","openState","setOpenState","useControlledState","displayState","state","toggle","event","expand","collapse","hoverTimerRef","clearHoverTimer","handlePointerEnter","handlePointerLeave","setSidebar","rootProps","__spreadProps","__spreadValues","spacerProps","asideProps","panelProps","contentProps","headerProps","footerProps","triggerProps","railProps","mainProps","backdropProps","withHeadless","React","defaultLayoutProps","useSidebarLayout","withHeadless","defaultLayoutProps","sidebars","setSidebars","setSidebar","id","entry","prev","next","existing","toggle","target","event","_a","_b","collapse","open","hasInteractOutsideTarget","mainProps","__spreadValues","withHeadless","useCollapsible","defaultMenuItemProps","useSidebarMenuItem","withHeadless","defaultMenuItemProps","props","_a","isCollapsible","collapsible","useCollapsible","state","triggerProps","contentProps","rootProps","__spreadProps","__spreadValues"]}

package/sidebar/useSidebar.d.ts

@@ -0,0 +1,117 @@
+import * as React from 'react';
+export declare const useSidebar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/sidebar").UseSidebarProps, unknown, {
+    state: {
+        open: boolean;
+        displayState: "expanded" | "collapsed";
+    };
+    toggle: (event?: React.SyntheticEvent) => void;
+    expand: (event?: React.SyntheticEvent) => void;
+    collapse: (event?: React.SyntheticEvent) => void;
+    rootProps: {
+        style: React.CSSProperties;
+        onPointerEnter?: ((event?: React.SyntheticEvent) => void) | undefined;
+        onPointerLeave?: ((event?: React.SyntheticEvent) => void) | undefined;
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-collapsible-mode': "none" | "icon" | "offcanvas" | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    spacerProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    asideProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    panelProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    contentProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    headerProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    footerProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    triggerProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+        onClick: (event?: React.SyntheticEvent) => void;
+    };
+    railProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'aria-label': string;
+        tabIndex: -1;
+        onClick: (event?: React.SyntheticEvent) => void;
+        title: string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    mainProps: {
+        'data-overlay'?: "" | undefined;
+        'data-scope': string;
+        'data-part': string;
+        'data-state': string;
+        'data-collapsible': string | undefined;
+        'data-variant': "inset" | "sidebar" | "floating" | undefined;
+        'data-side': "left" | "right" | undefined;
+    };
+    backdropProps: {
+        onClick?: ((event?: React.SyntheticEvent) => void) | undefined;
+    };
+    variant: "inset" | "sidebar" | "floating" | undefined;
+    collapsible: "none" | "icon" | "offcanvas" | undefined;
+    side: "left" | "right" | undefined;
+    overlay: boolean | undefined;
+    openOnHover: boolean | undefined;
+}>;

package/sidebar/useSidebar.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseSidebarProps } from '@primereact/types/headless/sidebar';
+export declare const defaultProps: UseSidebarProps;

package/sidebar/useSidebarLayout.d.ts

@@ -0,0 +1,24 @@
+import type { SidebarRegistryEntry } from '@primereact/types/headless/sidebar';
+import * as React from 'react';
+export declare const useSidebarLayout: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/sidebar").UseSidebarLayoutProps, unknown, {
+    state: {
+        open: boolean;
+    };
+    setSidebar: (id: string, entry: SidebarRegistryEntry | null) => void;
+    toggle: (target?: string, event?: React.SyntheticEvent) => void;
+    collapse: (target?: string, event?: React.SyntheticEvent) => void;
+    backdropProps: {
+        onClick: () => void;
+        'data-state': "open" | "closed";
+    };
+    backdropMotionProps: {
+        visible: boolean;
+        motionProps: {
+            name: string;
+            appear: boolean;
+        };
+    };
+    mainProps: {
+        onClick?: ((event: React.MouseEvent) => void) | undefined;
+    };
+}>;

package/sidebar/useSidebarLayout.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseSidebarLayoutProps } from '@primereact/types/headless/sidebar';
+export declare const defaultLayoutProps: UseSidebarLayoutProps;

package/sidebar/useSidebarMenuItem.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export declare const useSidebarMenuItem: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/sidebar").UseSidebarMenuItemProps, unknown, {
+    state: {
+        isCollapsible: boolean;
+        open: boolean | undefined;
+    };
+    toggle: (event?: React.SyntheticEvent) => void;
+    triggerProps: {};
+    contentProps: {};
+    rootProps: {};
+}>;

package/sidebar/useSidebarMenuItem.props.d.ts

@@ -0,0 +1,2 @@
+import type { UseSidebarMenuItemProps } from '@primereact/types/headless/sidebar';
+export declare const defaultMenuItemProps: UseSidebarMenuItemProps;

package/skeleton/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useSkeleton';
 export * from './useSkeleton.props';
+export type * from '@primereact/types/headless/skeleton';

package/skeleton/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as o}from"@primereact/core/headless";var e={};var p=o({name:"useSkeleton",defaultProps:e});export{e as defaultProps,p as useSkeleton};
+import{withHeadless as o}from"@primereact/core/headless";var e={};var a=o({name:"useSkeleton",defaultProps:e,setup(){return{rootProps:{"aria-hidden":!0,"data-scope":"skeleton","data-part":"root"}}}});export{e as defaultProps,a as useSkeleton};
 //# sourceMappingURL=index.mjs.map

package/skeleton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/skeleton/useSkeleton.ts","../../src/skeleton/useSkeleton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useSkeleton.props';\n\nexport const useSkeleton = withHeadless({\n    name: 'useSkeleton',\n    defaultProps\n});\n","import type { useSkeletonProps } from '@primereact/types/shared/skeleton';\n\nexport const defaultProps: useSkeletonProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAiC,CAAC,EDCxC,IAAMC,EAAcC,EAAa,CACpC,KAAM,cACN,aAAAC,CACJ,CAAC","names":["withHeadless","defaultProps","useSkeleton","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/skeleton/useSkeleton.ts","../../src/skeleton/useSkeleton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useSkeleton.props';\n\nexport const useSkeleton = withHeadless({\n    name: 'useSkeleton',\n    defaultProps,\n    setup() {\n        // prop getters\n        const rootProps = {\n            'aria-hidden': true as const,\n            'data-scope': 'skeleton' as const,\n            'data-part': 'root' as const\n        };\n\n        return {\n            rootProps\n        };\n    }\n});\n","import type { UseSkeletonProps } from '@primereact/types/headless/skeleton';\n\nexport const defaultProps: UseSkeletonProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAiC,CAAC,EDCxC,IAAMC,EAAcC,EAAa,CACpC,KAAM,cACN,aAAAC,EACA,OAAQ,CAQJ,MAAO,CACH,UAPc,CACd,cAAe,GACf,aAAc,WACd,YAAa,MACjB,CAIA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useSkeleton","withHeadless","defaultProps"]}

package/skeleton/useSkeleton.d.ts

@@ -1 +1,7 @@
-export declare const useSkeleton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/skeleton").useSkeletonProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useSkeleton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/skeleton").UseSkeletonProps, unknown, {
+    rootProps: {
+        'aria-hidden': true;
+        'data-scope': "skeleton";
+        'data-part': "root";
+    };
+}>;

package/skeleton/useSkeleton.props.d.ts

@@ -1,2 +1,2 @@
-import type { useSkeletonProps } from '@primereact/types/shared/skeleton';
-export declare const defaultProps: useSkeletonProps;
+import type { UseSkeletonProps } from '@primereact/types/headless/skeleton';
+export declare const defaultProps: UseSkeletonProps;

package/slider/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useSlider';
 export * from './useSlider.props';
+export type * from '@primereact/types/headless/slider';

package/slider/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as ae}from"@primereact/core/headless";import{useEventListener as S}from"@primereact/hooks";import{focus as ue,getAttribute as re,getWindowScrollLeft as le,getWindowScrollTop as se,isRTL as ie}from"@primeuix/utils";import*as s from"react";var X={value:void 0,defaultValue:void 0,orientation:"horizontal",min:0,max:100,step:void 0,onValueChange:void 0};var be=ae({name:"useSlider",defaultProps:X,setup({props:t,elementRef:f}){var W,U;let[Y,L]=s.useState((U=(W=t.value)!=null?W:t.defaultValue)!=null?U:void 0),R=s.useRef(0),M=s.useRef(!1),h=s.useRef(0),w=s.useRef(0),k=s.useRef(0),A=s.useRef(null),D=s.useRef(null);s.useEffect(()=>{t.value!==void 0&&L(t.value)},[t.value]);let r={value:Y},z=s.useCallback(()=>{let e=h.current;return h.current+=1,e},[]);s.useEffect(()=>(h.current=0,()=>{h.current=0}),[]);let d=s.useCallback(()=>Array.isArray(r.value)||h.current>1,[r.value]),C=()=>{var n,a,u,l,c,i,o;let e=(n=f.current)==null?void 0:n.getBoundingClientRect();w.current=((a=e==null?void 0:e.left)!=null?a:0)+le(),k.current=((u=e==null?void 0:e.top)!=null?u:0)+se(),A.current=(c=(l=f.current)==null?void 0:l.offsetWidth)!=null?c:null,D.current=(o=(i=f.current)==null?void 0:i.offsetHeight)!=null?o:null},P=e=>{var o;let n,a=e,u=e,l=a.touches?a.touches[0].pageX:u.pageX,c=a.touches?a.touches[0].pageY:u.pageY;if(g()){if(!f.current)return;ie(f.current)?n=(w.current+A.current-l)*100/A.current:n=(l-w.current)*100/A.current}else n=(k.current+D.current-c)*100/D.current;let i=(t.max-t.min)*(n/100)+t.min;if(t.step){let m=d()?Array.isArray(r.value)&&(o=r.value[R.current])!=null?o:0:typeof r.value=="number"?r.value:0,y=i-m;y<0?i=m+Math.ceil(i/t.step-m/t.step)*t.step:y>0&&(i=m+Math.floor(i/t.step-m/t.step)*t.step)}else i=Math.floor(i);E(e,i)},E=(e,n)=>{var l,c,i,o,m,y;let a=Math.round(n*100)/100,u;d()?(u=Array.isArray(r.value)?[...r.value]:[0,0],R.current==0?(a<((l=t.min)!=null?l:0)?a=t.min:a>=((c=t.max)!=null?c:100)&&(a=t.max),u[0]=a):(a>((i=t.max)!=null?i:100)?a=t.max:a<=((o=t.min)!=null?o:0)&&(a=t.min),u[1]=a)):(a<((m=t.min)!=null?m:0)?a=t.min:a>((y=t.max)!=null?y:100)&&(a=t.max),u=a),L(u),t.onValueChange&&t.onValueChange({originalEvent:e,value:u})},H=(e,n=0)=>{var a;t.disabled||((a=f.current)==null||a.setAttribute("data-p-sliding","true"),M.current=!0,C(),d()&&Array.isArray(r.value)&&r.value[0]===t.max?R.current=0:R.current=n,ue(e.currentTarget))},x=e=>{M.current&&P(e)},V=()=>{var e;M.current&&(M.current=!1,(e=f.current)==null||e.removeAttribute("data-p-sliding"),J(),O(),Z(),$())},B=(e,n)=>{Q(),_(),H(e,n)},j=(e,n)=>{G(),N(),H(e,n)},q=(e,n)=>{var a,u;switch(R.current=n,e.code){case"ArrowDown":case"ArrowLeft":I(e,n),e.preventDefault();break;case"ArrowUp":case"ArrowRight":K(e,n),e.preventDefault();break;case"PageDown":I(e,n,!0),e.preventDefault();break;case"PageUp":K(e,n,!0),e.preventDefault();break;case"Home":E(e,(a=t.min)!=null?a:0),e.preventDefault();break;case"End":E(e,(u=t.max)!=null?u:100),e.preventDefault();break;default:break}},F=e=>{t.disabled||re(e.target,"data-pc-name")!=="sliderthumb"&&(C(),P(e))},[G,J]=S({type:"mousemove",listener:e=>x(e)}),[N,O]=S({type:"mouseup",listener:()=>V()}),[Q,Z]=S({type:"touchmove",listener:e=>x(e)}),[_,$]=S({type:"touchend",listener:()=>V()}),I=(e,n,a=!1)=>{var l,c;let u;d()?Array.isArray(r.value)?t.step?u=((l=r.value[n])!=null?l:0)-t.step:u=((c=r.value[n])!=null?c:0)-1:u=0:typeof r.value=="number"?t.step?u=r.value-t.step:!t.step&&a?u=r.value-10:u=r.value-1:u=0,E(e,u),e.preventDefault()},K=(e,n,a=!1)=>{var l,c;let u;d()?Array.isArray(r.value)?t.step?u=((l=r.value[n])!=null?l:0)+t.step:u=((c=r.value[n])!=null?c:0)+1:u=0:t.step?u=(typeof r.value=="number"?r.value:0)+t.step:!t.step&&a?u=(typeof r.value=="number"?r.value:0)+10:u=(typeof r.value=="number"?r.value:0)+1,E(e,u),e.preventDefault()},T=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return e===void 0||Array.isArray(e)||e<n?0:e>a?100:(e-n)*100/(a-n)},[r.value,t.min,t.max]),b=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return Array.isArray(e)&&e[0]!==void 0?e[0]<n?0:(e[0]-n)*100/(a-n):0},[r.value,t.min,t.max]),v=s.useCallback(()=>{var u,l;let e=r.value,n=(u=t.min)!=null?u:0,a=(l=t.max)!=null?l:100;return Array.isArray(e)&&e.length===2&&e[1]!==void 0?e[1]>a?100:(e[1]-n)*100/(a-n):100},[r.value,t.min,t.max]),p=()=>{if(d()){let e=v()>b()?v()-b():b()-v(),n=v()>b()?b():v();return g()?{insetInlineStart:n+"%",width:e+"%"}:{bottom:n+"%",height:e+"%"}}else return g()?{width:T()+"%"}:{height:T()+"%"}},ee=()=>g()?{insetInlineStart:T()+"%"}:{bottom:T()+"%"},te=()=>g()?{insetInlineStart:b()+"%"}:{bottom:b()+"%"},ne=()=>g()?{insetInlineStart:v()+"%"}:{bottom:v()+"%"},g=s.useCallback(()=>t.orientation==="horizontal",[]);return{state:r,registerThumb:z,thumbCounter:h,range:d,onTouchStart:B,onDrag:x,onDragEnd:V,onMouseDown:j,onKeyDown:q,onBarClick:F,rangeStyle:p,handleThumbStyle:ee,rangeStartHandleStyle:te,rangeEndHandleStyle:ne}}});export{X as defaultProps,be as useSlider};
+var he=Object.defineProperty,Ee=Object.defineProperties;var Re=Object.getOwnPropertyDescriptors;var re=Object.getOwnPropertySymbols;var Pe=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable;var ie=(t,i,m)=>i in t?he(t,i,{enumerable:!0,configurable:!0,writable:!0,value:m}):t[i]=m,d=(t,i)=>{for(var m in i||(i={}))Pe.call(i,m)&&ie(t,m,i[m]);if(re)for(var m of re(i))ve.call(i,m)&&ie(t,m,i[m]);return t},D=(t,i)=>Ee(t,Re(i));import{withHeadless as Me}from"@primereact/core/headless";import{useControlledState as He}from"@primereact/hooks";import{isRTL as Te}from"@primeuix/utils";import*as P from"react";var oe={value:void 0,defaultValue:void 0,orientation:"horizontal",min:0,max:100,step:1,minStepsBetweenHandles:0,onValueChange:void 0,onValueChangeEnd:void 0,disabled:!1,readOnly:!1,invalid:void 0,onFocus:void 0,onBlur:void 0};var Fe=Me({name:"useSlider",defaultProps:oe,setup({props:t}){var p,ee,te,ne;let[i,m]=He({value:t.value,defaultValue:t.defaultValue,onChange:t.onValueChange}),[H,N]=P.useState(!1),E=P.useRef(0),R=P.useRef(null),v=P.useRef(null),s=(p=t.min)!=null?p:0,I=(ee=t.max)!=null?ee:100,U=(te=t.step)!=null?te:1,ue=(ne=t.minStepsBetweenHandles)!=null?ne:0,f=t.orientation==="horizontal",C=P.useRef(!1),M=P.useRef(0);function V(e,n,a){return Math.min(Math.max(e,n),a)}function le(e){let n=e.toString();if(n.includes("e-"))return Number(n.split("e-")[1]||0);let a=n.indexOf(".");return a>=0?n.length-a-1:0}function ce(e,n,a){if(!n)return e;let r=le(n),l=Math.round((e-a)/n)*n+a;return Number(l.toFixed(r))}let F=e=>V(ce(e,U,s),s,I);function T(){return Array.isArray(i)}function w(){var a;let e=i!==void 0?i:(a=t.value)!=null?a:t.defaultValue;return(Array.isArray(e)?e:e!==void 0?[e]:[s]).map(r=>F(r))}function X(){let e=w();return T()?e:e[0]}function L(e){var n,a;return(a=(n=v.current)==null?void 0:n.querySelector(`[data-index="${e}"]`))!=null?a:null}function O(e){var n,a;return(a=(n=L(e))==null?void 0:n.hasAttribute("data-disabled"))!=null?a:!1}function Y(e){if(R.current===null||R.current===e)return;let n=v.current;if(!n){R.current=null;return}let a=n.querySelector(`[data-index="${R.current}"] input[type="range"]`);R.current=null,a==null||a.blur()}function se(e,n,a){let r=e.map((c,b)=>b),l=v.current?r.filter(c=>!O(c)):r;if(!l.length)return-1;let u=l[0],o=Math.abs(e[u]-n),g=a?f?a.clientX:a.clientY:null;for(let c of l.slice(1)){let b=Math.abs(e[c]-n);if(b<o)u=c,o=b;else if(b===o&&g!==null){let h=L(u),y=L(c);if(h&&y){let x=h.getBoundingClientRect(),B=y.getBoundingClientRect(),k=f?x.left+x.width/2:x.top+x.height/2,ae=f?B.left+B.width/2:B.top+B.height/2;if(k===ae)u=g<k?Math.min(u,c):Math.max(u,c);else{let be=Math.abs(g-k);Math.abs(g-ae)<be&&(u=c)}}}}return u}function A(e){var a;return(a=w()[e])!=null?a:s}function S(e){let n=I-s;return n?V((e-s)/n*100,0,100):0}function q(e){v.current=e}function de(e){var n,a;return(a=(n=v.current)==null?void 0:n.getBoundingClientRect())!=null?a:e.currentTarget.getBoundingClientRect()}function G(e,n=0){var h;let a=de(e),r=f?a.width:a.height;if(!r)return s;let u=((f?e.clientX-a.left:e.clientY-a.top)-n)/r,o=V(u,0,1),g=f&&Te((h=v.current)!=null?h:e.currentTarget),c=f?g?1-o:o:1-o,b=s+c*(I-s);return F(b)}function $(e,n,a){let r=w(),l=Math.max(ue*(U||1),0),u=e>0?r[e-1]+l:s,o=e<r.length-1?r[e+1]-l:I,g=Math.min(u,o),c=Math.max(u,o),b=V(F(n),g,c),h=[...r];h[e]=b;let y=T()?h:h[0];return m([y,{originalEvent:a,value:y}]),y}function K(e){let n=G(e,M.current),a=w(),r=se(a,n,e);r!==-1&&(Y(r),E.current=r,M.current=0,$(E.current,n,e))}function W(e){if(!(t.disabled||t.readOnly)&&!(e.pointerType==="mouse"&&e.button!==0)){if(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),N(!0),C.current){C.current=!1;return}M.current=0,K(e)}}function _(e){t.disabled||t.readOnly||H&&(O(E.current)||(e.preventDefault(),$(E.current,G(e,M.current),e)))}function j(e){var n;t.disabled||t.readOnly||(e.preventDefault(),e.currentTarget.releasePointerCapture(e.pointerId),N(!1),C.current=!1,M.current=0,(n=t.onValueChangeEnd)==null||n.call(t,{originalEvent:e,value:X()}))}function J(e,n){var r;if(t.disabled||t.readOnly||O(n)||e.pointerType==="mouse"&&e.button!==0)return;e.preventDefault(),(r=v.current)==null||r.setPointerCapture(e.pointerId);let a=L(n);if(a){let l=a.getBoundingClientRect(),u=f?l.left+l.width/2:l.top+l.height/2,o=f?e.clientX:e.clientY;M.current=o-u}else M.current=0;Y(n),E.current=n,C.current=!0}function z(e,n){var r;if(t.disabled||t.readOnly)return;E.current=n;let a=$(n,Number(e.target.value),e);(r=t.onValueChangeEnd)==null||r.call(t,{originalEvent:e,value:a})}function Q(e,n){var a;t.disabled||t.readOnly||(R.current=n,E.current=n,(a=t.onFocus)==null||a.call(t,e))}function Z(e,n){var a,r;t.disabled||t.readOnly||(E.current=n,R.current===n&&(R.current=null),(a=t.onValueChangeEnd)==null||a.call(t,{originalEvent:e,value:X()}),(r=t.onBlur)==null||r.call(t,e))}let me={value:i,isDragging:H},fe=D(d(d(d({ref:q,onPointerDown:W,onPointerMove:_,onPointerUp:j,"data-orientation":t.orientation},t.disabled?{"data-disabled":""}:{}),t.invalid?{"data-invalid":""}:{}),H?{"data-dragging":""}:{}),{style:{display:"flex",position:"relative",touchAction:"none"}}),ge=D(d(d(d({"data-orientation":t.orientation},t.disabled?{"data-disabled":""}:{}),t.invalid?{"data-invalid":""}:{}),H?{"data-dragging":""}:{}),{style:{display:"block",flexGrow:1,position:"relative"}});return{state:me,range:T,getHandleValue:A,getValuePercent:S,setRootRef:q,onTrackPointerDown:W,onTrackPointerMove:_,onTrackPointerUp:j,updateValueFromPointer:K,onHandlePointerDown:J,onInputChange:z,onInputFocus:Q,onInputBlur:Z,rootProps:fe,trackProps:ge,getRangeProps:()=>{let e=T()?i!=null?i:[]:[s,i!=null?i:s],n=Math.min(...e),a=Math.max(...e),r=T()?n:s,l=T()?a:e[1],u=S(r),o=S(l),g=Math.max(o-u,0),c=f?{position:"absolute",insetInlineStart:`${u}%`,width:`${g}%`}:{position:"absolute",bottom:`${u}%`,height:`${g}%`};return D(d(d(d({"data-orientation":t.orientation},t.disabled?{"data-disabled":""}:{}),t.invalid?{"data-invalid":""}:{}),H?{"data-dragging":""}:{}),{style:c})},getHandleProps:e=>{let n=A(e),a=S(n);return D(d(d(d({onPointerDown:l=>J(l,e),"data-index":e,"data-orientation":t.orientation},t.disabled?{"data-disabled":""}:{}),t.invalid?{"data-invalid":""}:{}),H?{"data-dragging":""}:{}),{style:f?{position:"absolute",insetInlineStart:`${a}%`,translate:"-50% 0"}:{position:"absolute",bottom:`${a}%`,translate:"0 50%"}})},getHiddenInputProps:e=>{let n=A(e),a=o=>z(o,e),r=o=>z(o,e),l=o=>Q(o,e),u=o=>Z(o,e);return{"data-scope":"slider","data-part":"hidden-input",type:"range",min:t.min,max:t.max,step:t.step,value:n!=null?n:s,disabled:t.disabled,readOnly:t.readOnly,"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuenow":n,"aria-orientation":t.orientation,style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:0},onChange:a,onInput:r,onFocus:l,onBlur:u}}}}});export{oe as defaultProps,Fe as useSlider};
 //# sourceMappingURL=index.mjs.map

package/slider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/slider/useSlider.ts","../../src/slider/useSlider.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useEventListener } from '@primereact/hooks';\nimport { useSliderProps } from '@primereact/types/shared/slider';\nimport { focus, getAttribute, getWindowScrollLeft, getWindowScrollTop, isRTL } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useSlider.props';\n\nexport const useSlider = withHeadless({\n    name: 'useSlider',\n    defaultProps,\n    setup({ props, elementRef }) {\n        const [activeValue, setActiveValue] = React.useState<useSliderProps['value']>(props.value ?? props.defaultValue ?? undefined);\n        const handleIndex = React.useRef(0);\n        const dragging = React.useRef(false);\n        const thumbCounter = React.useRef(0);\n        const initX = React.useRef(0);\n        const initY = React.useRef(0);\n        const barWidth = React.useRef<number | null>(null);\n        const barHeight = React.useRef<number | null>(null);\n\n        React.useEffect(() => {\n            if (props.value !== undefined) {\n                setActiveValue(props.value);\n            }\n        }, [props.value]);\n\n        const state = {\n            value: activeValue\n        };\n\n        const registerThumb = React.useCallback(() => {\n            const index = thumbCounter.current;\n\n            thumbCounter.current += 1;\n\n            return index;\n        }, []);\n\n        React.useEffect(() => {\n            thumbCounter.current = 0;\n\n            return () => {\n                thumbCounter.current = 0;\n            };\n        }, []);\n\n        const range = React.useCallback(() => {\n            return Array.isArray(state.value) || thumbCounter.current > 1;\n        }, [state.value]);\n\n        const updateDomData = () => {\n            const rect = elementRef.current?.getBoundingClientRect();\n\n            initX.current = (rect?.left ?? 0) + getWindowScrollLeft();\n            initY.current = (rect?.top ?? 0) + getWindowScrollTop();\n            barWidth.current = elementRef.current?.offsetWidth ?? null;\n            barHeight.current = elementRef.current?.offsetHeight ?? null;\n        };\n\n        const handleValue = (event: React.MouseEvent | React.TouchEvent) => {\n            let rawValue;\n            const touchEvent = event as React.TouchEvent;\n            const mouseEvent = event as React.MouseEvent;\n            const pageX = touchEvent.touches ? touchEvent.touches[0].pageX : mouseEvent.pageX;\n            const pageY = touchEvent.touches ? touchEvent.touches[0].pageY : mouseEvent.pageY;\n\n            if (horizontal()) {\n                if (!elementRef.current) return;\n\n                if (isRTL(elementRef.current)) {\n                    rawValue = ((initX.current + (barWidth.current as number) - pageX) * 100) / (barWidth.current as number);\n                } else {\n                    rawValue = ((pageX - initX.current) * 100) / (barWidth.current as number);\n                }\n            } else {\n                rawValue = ((initY.current + (barHeight.current as number) - pageY) * 100) / (barHeight.current as number);\n            }\n\n            let newValue = ((props.max as number) - (props.min as number)) * (rawValue / 100) + (props.min as number);\n\n            if (props.step) {\n                const oldValue: number = range() ? (Array.isArray(state.value) ? (state.value[handleIndex.current] ?? 0) : 0) : typeof state.value === 'number' ? state.value : 0;\n                const diff = newValue - oldValue;\n\n                if (diff < 0) newValue = oldValue + Math.ceil(newValue / props.step - oldValue / props.step) * props.step;\n                else if (diff > 0) newValue = oldValue + Math.floor(newValue / props.step - oldValue / props.step) * props.step;\n            } else {\n                newValue = Math.floor(newValue);\n            }\n\n            updateValue(event, newValue);\n        };\n\n        const updateValue = (event: React.MouseEvent | React.TouchEvent | React.KeyboardEvent, value: number) => {\n            let newValue = Math.round(value * 100) / 100;\n            let updatedValue;\n\n            if (range()) {\n                updatedValue = Array.isArray(state.value) ? [...state.value] : [0, 0];\n\n                if (handleIndex.current == 0) {\n                    if (newValue < (props.min ?? 0)) {\n                        newValue = props.min as number;\n                    } else if (newValue >= (props.max ?? 100)) {\n                        newValue = props.max as number;\n                    }\n\n                    updatedValue[0] = newValue;\n                } else {\n                    if (newValue > (props.max ?? 100)) {\n                        newValue = props.max as number;\n                    } else if (newValue <= (props.min ?? 0)) {\n                        newValue = props.min as number;\n                    }\n\n                    updatedValue[1] = newValue;\n                }\n            } else {\n                if (newValue < (props.min ?? 0)) {\n                    newValue = props.min as number;\n                } else if (newValue > (props.max ?? 100)) {\n                    newValue = props.max as number;\n                }\n\n                updatedValue = newValue;\n            }\n\n            setActiveValue(updatedValue);\n\n            if (props.onValueChange) {\n                props.onValueChange({\n                    originalEvent: event,\n                    value: updatedValue\n                });\n            }\n        };\n\n        const onDragStart = (event: React.MouseEvent<HTMLElement> | React.TouchEvent<HTMLElement>, index: number = 0) => {\n            if (props.disabled) {\n                return;\n            }\n\n            elementRef.current?.setAttribute('data-p-sliding', 'true');\n            dragging.current = true;\n            updateDomData();\n\n            if (range() && Array.isArray(state.value) && state.value[0] === props.max) {\n                handleIndex.current = 0;\n            } else {\n                handleIndex.current = index;\n            }\n\n            focus(event.currentTarget as HTMLElement);\n        };\n\n        const onDrag = (event: React.MouseEvent | React.TouchEvent) => {\n            if (dragging.current) {\n                handleValue(event);\n            }\n        };\n\n        const onDragEnd = () => {\n            if (dragging.current) {\n                dragging.current = false;\n                elementRef.current?.removeAttribute('data-p-sliding');\n\n                unbindThumbMouseMoveListener();\n                unbindThumbMouseUpListener();\n                unbindDocumentTouchMoveListener();\n                unbindDocumentTouchEndListener();\n            }\n        };\n\n        const onTouchStart = (event: React.TouchEvent<HTMLElement>, index: number) => {\n            bindDocumentTouchMoveListener();\n            bindDocumentTouchEndListener();\n            onDragStart(event, index);\n        };\n\n        const onMouseDown = (event: React.MouseEvent<HTMLElement>, index: number) => {\n            bindThumbMouseMoveListener();\n            bindThumbMouseUpListener();\n            onDragStart(event, index);\n        };\n\n        const onKeyDown = (event: React.KeyboardEvent, index: number) => {\n            handleIndex.current = index;\n\n            switch (event.code) {\n                case 'ArrowDown':\n                case 'ArrowLeft':\n                    decrementValue(event, index);\n                    event.preventDefault();\n                    break;\n\n                case 'ArrowUp':\n                case 'ArrowRight':\n                    incrementValue(event, index);\n                    event.preventDefault();\n                    break;\n\n                case 'PageDown':\n                    decrementValue(event, index, true);\n                    event.preventDefault();\n                    break;\n\n                case 'PageUp':\n                    incrementValue(event, index, true);\n                    event.preventDefault();\n                    break;\n\n                case 'Home':\n                    updateValue(event, props.min ?? 0);\n                    event.preventDefault();\n                    break;\n\n                case 'End':\n                    updateValue(event, props.max ?? 100);\n                    event.preventDefault();\n                    break;\n\n                default:\n                    break;\n            }\n        };\n\n        const onBarClick = (event: React.MouseEvent) => {\n            if (props.disabled) {\n                return;\n            }\n\n            if (getAttribute(event.target as Element, 'data-pc-name') !== 'sliderthumb') {\n                updateDomData();\n                handleValue(event);\n            }\n        };\n\n        const [bindThumbMouseMoveListener, unbindThumbMouseMoveListener] = useEventListener({\n            type: 'mousemove',\n            listener: (event: Event) => onDrag(event as unknown as React.MouseEvent)\n        });\n\n        const [bindThumbMouseUpListener, unbindThumbMouseUpListener] = useEventListener({\n            type: 'mouseup',\n            listener: () => onDragEnd()\n        });\n\n        const [bindDocumentTouchMoveListener, unbindDocumentTouchMoveListener] = useEventListener({\n            type: 'touchmove',\n            listener: (event: Event) => onDrag(event as unknown as React.MouseEvent)\n        });\n\n        const [bindDocumentTouchEndListener, unbindDocumentTouchEndListener] = useEventListener({\n            type: 'touchend',\n            listener: () => onDragEnd()\n        });\n\n        const decrementValue = (event: React.KeyboardEvent, index: number, pageKey = false) => {\n            let newValue;\n\n            if (range()) {\n                if (Array.isArray(state.value)) {\n                    if (props.step) newValue = (state.value[index] ?? 0) - props.step;\n                    else newValue = (state.value[index] ?? 0) - 1;\n                } else {\n                    newValue = 0;\n                }\n            } else {\n                if (typeof state.value === 'number') {\n                    if (props.step) newValue = state.value - props.step;\n                    else if (!props.step && pageKey) newValue = state.value - 10;\n                    else newValue = state.value - 1;\n                } else {\n                    newValue = 0;\n                }\n            }\n\n            updateValue(event, newValue);\n            event.preventDefault();\n        };\n\n        const incrementValue = (event: React.KeyboardEvent, index: number, pageKey = false) => {\n            let newValue;\n\n            if (range()) {\n                if (Array.isArray(state.value)) {\n                    if (props.step) newValue = (state.value[index] ?? 0) + props.step;\n                    else newValue = (state.value[index] ?? 0) + 1;\n                } else {\n                    newValue = 0;\n                }\n            } else {\n                if (props.step) newValue = (typeof state.value === 'number' ? state.value : 0) + props.step;\n                else if (!props.step && pageKey) newValue = (typeof state.value === 'number' ? state.value : 0) + 10;\n                else newValue = (typeof state.value === 'number' ? state.value : 0) + 1;\n            }\n\n            updateValue(event, newValue);\n            event.preventDefault();\n        };\n\n        const handlePosition = React.useCallback(() => {\n            const value = state.value;\n            const min = props.min ?? 0;\n            const max = props.max ?? 100;\n\n            if (value === undefined || Array.isArray(value)) return 0;\n\n            if (value < min) return 0;\n            else if (value > max) return 100;\n            else return ((value - min) * 100) / (max - min);\n        }, [state.value, props.min, props.max]);\n\n        const rangeStartPosition = React.useCallback(() => {\n            const value = state.value;\n            const min = props.min ?? 0;\n            const max = props.max ?? 100;\n\n            if (Array.isArray(value) && value[0] !== undefined) {\n                if (value[0] < min) return 0;\n                else return ((value[0] - min) * 100) / (max - min);\n            } else return 0;\n        }, [state.value, props.min, props.max]);\n\n        const rangeEndPosition = React.useCallback(() => {\n            const value = state.value;\n            const min = props.min ?? 0;\n            const max = props.max ?? 100;\n\n            if (Array.isArray(value) && value.length === 2 && value[1] !== undefined) {\n                if (value[1] > max) return 100;\n                else return ((value[1] - min) * 100) / (max - min);\n            } else return 100;\n        }, [state.value, props.min, props.max]);\n\n        const rangeStyle = () => {\n            if (range()) {\n                const rangeSliderWidth = rangeEndPosition() > rangeStartPosition() ? rangeEndPosition() - rangeStartPosition() : rangeStartPosition() - rangeEndPosition();\n                const rangeSliderPosition = rangeEndPosition() > rangeStartPosition() ? rangeStartPosition() : rangeEndPosition();\n\n                if (horizontal()) {\n                    return { insetInlineStart: rangeSliderPosition + '%', width: rangeSliderWidth + '%' };\n                } else {\n                    return { bottom: rangeSliderPosition + '%', height: rangeSliderWidth + '%' };\n                }\n            } else {\n                if (horizontal()) {\n                    return { width: handlePosition() + '%' };\n                } else {\n                    return { height: handlePosition() + '%' };\n                }\n            }\n        };\n\n        const handleThumbStyle = () => {\n            if (horizontal()) {\n                return { insetInlineStart: handlePosition() + '%' };\n            } else {\n                return { bottom: handlePosition() + '%' };\n            }\n        };\n\n        const rangeStartHandleStyle = () => {\n            if (horizontal()) {\n                return { insetInlineStart: rangeStartPosition() + '%' };\n            } else {\n                return { bottom: rangeStartPosition() + '%' };\n            }\n        };\n\n        const rangeEndHandleStyle = () => {\n            if (horizontal()) {\n                return { insetInlineStart: rangeEndPosition() + '%' };\n            } else {\n                return { bottom: rangeEndPosition() + '%' };\n            }\n        };\n\n        const horizontal = React.useCallback(() => {\n            return props.orientation === 'horizontal';\n        }, []);\n\n        return {\n            state,\n            registerThumb,\n            thumbCounter,\n            //methods\n            range,\n            onTouchStart,\n            onDrag,\n            onDragEnd,\n            onMouseDown,\n            onKeyDown,\n            onBarClick,\n            rangeStyle,\n            handleThumbStyle,\n            rangeStartHandleStyle,\n            rangeEndHandleStyle\n        };\n    }\n});\n","import type { useSliderProps } from '@primereact/types/shared/slider';\n\nexport const defaultProps: useSliderProps = {\n    value: undefined,\n    defaultValue: undefined,\n    orientation: 'horizontal',\n    min: 0,\n    max: 100,\n    step: undefined,\n    onValueChange: undefined\n};\n"],"mappings":"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","names":["withHeadless","useEventListener","focus","getAttribute","getWindowScrollLeft","getWindowScrollTop","isRTL","React","defaultProps","useSlider","withHeadless","defaultProps","props","elementRef","_a","_b","activeValue","setActiveValue","handleIndex","dragging","thumbCounter","initX","initY","barWidth","barHeight","state","registerThumb","index","range","updateDomData","_c","_d","_e","_f","_g","rect","getWindowScrollLeft","getWindowScrollTop","handleValue","event","rawValue","touchEvent","mouseEvent","pageX","pageY","horizontal","isRTL","newValue","oldValue","diff","updateValue","value","updatedValue","onDragStart","focus","onDrag","onDragEnd","unbindThumbMouseMoveListener","unbindThumbMouseUpListener","unbindDocumentTouchMoveListener","unbindDocumentTouchEndListener","onTouchStart","bindDocumentTouchMoveListener","bindDocumentTouchEndListener","onMouseDown","bindThumbMouseMoveListener","bindThumbMouseUpListener","onKeyDown","decrementValue","incrementValue","onBarClick","getAttribute","useEventListener","pageKey","handlePosition","min","max","rangeStartPosition","rangeEndPosition","rangeStyle","rangeSliderWidth","rangeSliderPosition","handleThumbStyle","rangeStartHandleStyle","rangeEndHandleStyle"]}
+{"version":3,"sources":["../../src/slider/useSlider.ts","../../src/slider/useSlider.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { useControlledState } from '@primereact/hooks';\nimport { isRTL } from '@primeuix/utils';\nimport * as React from 'react';\nimport { defaultProps } from './useSlider.props';\n\nexport const useSlider = withHeadless({\n    name: 'useSlider',\n    defaultProps,\n    setup({ props }) {\n        const [valueState, setValueState] = useControlledState({\n            value: props.value,\n            defaultValue: props.defaultValue,\n            onChange: props.onValueChange\n        });\n        const [isDragging, setIsDragging] = React.useState(false);\n        const activeIndex = React.useRef(0);\n        const focusedIndex = React.useRef<number | null>(null);\n        const rootRef = React.useRef<HTMLDivElement | null>(null);\n        const min = props.min ?? 0;\n        const max = props.max ?? 100;\n        const step = props.step ?? 1;\n        const minStepsBetweenHandles = props.minStepsBetweenHandles ?? 0;\n        const isHorizontal = props.orientation === 'horizontal';\n        const isHandlePointerDown = React.useRef(false);\n        const dragOffsetPx = React.useRef(0);\n\n        // methods\n        function clamp(value: number, minValue: number, maxValue: number) {\n            return Math.min(Math.max(value, minValue), maxValue);\n        }\n\n        function getPrecision(stepValue: number) {\n            const stepString = stepValue.toString();\n\n            if (stepString.includes('e-')) {\n                return Number(stepString.split('e-')[1] || 0);\n            }\n\n            const dotIndex = stepString.indexOf('.');\n\n            return dotIndex >= 0 ? stepString.length - dotIndex - 1 : 0;\n        }\n\n        function roundToStep(value: number, stepValue: number, minValue: number) {\n            if (!stepValue) return value;\n\n            const precision = getPrecision(stepValue);\n            const rounded = Math.round((value - minValue) / stepValue) * stepValue + minValue;\n\n            return Number(rounded.toFixed(precision));\n        }\n\n        const normalizeValue = (value: number) => clamp(roundToStep(value, step, min), min, max);\n\n        function range() {\n            return Array.isArray(valueState);\n        }\n\n        function getValues() {\n            const sourceValue = valueState !== undefined ? valueState : (props.value ?? props.defaultValue);\n            const rawValues = Array.isArray(sourceValue) ? sourceValue : sourceValue !== undefined ? [sourceValue] : [min];\n\n            return rawValues.map((value) => normalizeValue(value));\n        }\n\n        function getValueState() {\n            const values = getValues();\n\n            if (range()) {\n                return values;\n            }\n\n            return values[0];\n        }\n\n        function getHandleElement(index: number) {\n            return rootRef.current?.querySelector<HTMLElement>(`[data-index=\"${index}\"]`) ?? null;\n        }\n\n        function isHandleDisabled(index: number) {\n            return getHandleElement(index)?.hasAttribute('data-disabled') ?? false;\n        }\n\n        function blurFocusedHandleIfDifferent(nextIndex: number) {\n            if (focusedIndex.current === null || focusedIndex.current === nextIndex) return;\n\n            const rootNode = rootRef.current;\n\n            if (!rootNode) {\n                focusedIndex.current = null;\n\n                return;\n            }\n\n            const input = rootNode.querySelector<HTMLInputElement>(`[data-index=\"${focusedIndex.current}\"] input[type=\"range\"]`);\n\n            focusedIndex.current = null;\n            input?.blur();\n        }\n\n        function getClosestEnabledValueIndex(values: number[], nextValue: number, event?: React.PointerEvent<HTMLDivElement>) {\n            const indices = values.map((_, index) => index);\n            const enabledIndices = rootRef.current ? indices.filter((index) => !isHandleDisabled(index)) : indices;\n\n            if (!enabledIndices.length) return -1;\n\n            let closestIndex = enabledIndices[0];\n            let smallestDistance = Math.abs(values[closestIndex] - nextValue);\n            const pointerAxis = event ? (isHorizontal ? event.clientX : event.clientY) : null;\n\n            for (const index of enabledIndices.slice(1)) {\n                const distance = Math.abs(values[index] - nextValue);\n\n                if (distance < smallestDistance) {\n                    closestIndex = index;\n                    smallestDistance = distance;\n                } else if (distance === smallestDistance && pointerAxis !== null) {\n                    const closestElement = getHandleElement(closestIndex);\n                    const candidateElement = getHandleElement(index);\n\n                    if (closestElement && candidateElement) {\n                        const closestRect = closestElement.getBoundingClientRect();\n                        const candidateRect = candidateElement.getBoundingClientRect();\n                        const closestCenter = isHorizontal ? closestRect.left + closestRect.width / 2 : closestRect.top + closestRect.height / 2;\n                        const candidateCenter = isHorizontal ? candidateRect.left + candidateRect.width / 2 : candidateRect.top + candidateRect.height / 2;\n\n                        if (closestCenter === candidateCenter) {\n                            closestIndex = pointerAxis < closestCenter ? Math.min(closestIndex, index) : Math.max(closestIndex, index);\n                        } else {\n                            const closestDelta = Math.abs(pointerAxis - closestCenter);\n                            const candidateDelta = Math.abs(pointerAxis - candidateCenter);\n\n                            if (candidateDelta < closestDelta) {\n                                closestIndex = index;\n                            }\n                        }\n                    }\n                }\n            }\n\n            return closestIndex;\n        }\n\n        function getHandleValue(index: number) {\n            const values = getValues();\n\n            return values[index] ?? min;\n        }\n\n        function getValuePercent(value: number) {\n            const rangeValue = max - min;\n\n            if (!rangeValue) return 0;\n\n            return clamp(((value - min) / rangeValue) * 100, 0, 100);\n        }\n\n        function setRootRef(node: HTMLDivElement | null) {\n            rootRef.current = node;\n        }\n\n        function getRootRect(event: React.PointerEvent<HTMLDivElement>) {\n            return rootRef.current?.getBoundingClientRect() ?? event.currentTarget.getBoundingClientRect();\n        }\n\n        function getValueFromPointer(event: React.PointerEvent<HTMLDivElement>, offsetPx: number = 0) {\n            const rect = getRootRect(event);\n            const size = isHorizontal ? rect.width : rect.height;\n\n            if (!size) return min;\n\n            const pointerPosition = isHorizontal ? event.clientX - rect.left : event.clientY - rect.top;\n            const position = (pointerPosition - offsetPx) / size;\n            const clampedPosition = clamp(position, 0, 1);\n            const isRtl = isHorizontal && isRTL(rootRef.current ?? event.currentTarget);\n            const orientedPosition = isHorizontal ? (isRtl ? 1 - clampedPosition : clampedPosition) : 1 - clampedPosition;\n            const value = min + orientedPosition * (max - min);\n\n            return normalizeValue(value);\n        }\n\n        function updateValueAt(index: number, nextValue: number, originalEvent: React.PointerEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement> | React.ChangeEvent<HTMLInputElement>) {\n            const values = getValues();\n            const minDistance = Math.max(minStepsBetweenHandles * (step || 1), 0);\n            const minValue = index > 0 ? values[index - 1] + minDistance : min;\n            const maxValue = index < values.length - 1 ? values[index + 1] - minDistance : max;\n            const lowerBound = Math.min(minValue, maxValue);\n            const upperBound = Math.max(minValue, maxValue);\n            const clampedValue = clamp(normalizeValue(nextValue), lowerBound, upperBound);\n            const nextValues = [...values];\n\n            nextValues[index] = clampedValue;\n\n            const nextValueState = range() ? nextValues : nextValues[0];\n\n            setValueState([\n                nextValueState,\n                {\n                    originalEvent,\n                    value: nextValueState\n                }\n            ]);\n\n            return nextValueState;\n        }\n\n        function updateValueFromPointer(event: React.PointerEvent<HTMLDivElement>) {\n            const nextValue = getValueFromPointer(event, dragOffsetPx.current);\n            const values = getValues();\n            const closestIndex = getClosestEnabledValueIndex(values, nextValue, event);\n\n            if (closestIndex === -1) return;\n\n            blurFocusedHandleIfDifferent(closestIndex);\n            activeIndex.current = closestIndex;\n            dragOffsetPx.current = 0;\n            updateValueAt(activeIndex.current, nextValue, event);\n        }\n\n        function onTrackPointerDown(event: React.PointerEvent<HTMLDivElement>) {\n            if (props.disabled || props.readOnly) return;\n\n            if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n            event.preventDefault();\n            event.currentTarget.setPointerCapture(event.pointerId);\n            setIsDragging(true);\n\n            if (isHandlePointerDown.current) {\n                isHandlePointerDown.current = false;\n\n                return;\n            }\n\n            dragOffsetPx.current = 0;\n\n            updateValueFromPointer(event);\n        }\n\n        function onTrackPointerMove(event: React.PointerEvent<HTMLDivElement>) {\n            if (props.disabled || props.readOnly) return;\n\n            if (!isDragging) return;\n\n            if (isHandleDisabled(activeIndex.current)) return;\n\n            event.preventDefault();\n            updateValueAt(activeIndex.current, getValueFromPointer(event, dragOffsetPx.current), event);\n        }\n\n        function onTrackPointerUp(event: React.PointerEvent<HTMLDivElement>) {\n            if (props.disabled || props.readOnly) return;\n\n            event.preventDefault();\n            event.currentTarget.releasePointerCapture(event.pointerId);\n            setIsDragging(false);\n            isHandlePointerDown.current = false;\n            dragOffsetPx.current = 0;\n\n            props.onValueChangeEnd?.({\n                originalEvent: event,\n                value: getValueState()\n            });\n        }\n\n        function onHandlePointerDown(event: React.PointerEvent<HTMLDivElement>, index: number) {\n            if (props.disabled || props.readOnly) return;\n\n            if (isHandleDisabled(index)) return;\n\n            if (event.pointerType === 'mouse' && event.button !== 0) return;\n\n            event.preventDefault();\n            rootRef.current?.setPointerCapture(event.pointerId);\n            const handle = getHandleElement(index);\n\n            if (handle) {\n                const handleRect = handle.getBoundingClientRect();\n                const handleCenter = isHorizontal ? handleRect.left + handleRect.width / 2 : handleRect.top + handleRect.height / 2;\n                const pointerAxis = isHorizontal ? event.clientX : event.clientY;\n\n                dragOffsetPx.current = pointerAxis - handleCenter;\n            } else {\n                dragOffsetPx.current = 0;\n            }\n\n            blurFocusedHandleIfDifferent(index);\n            activeIndex.current = index;\n            isHandlePointerDown.current = true;\n        }\n\n        function onInputChange(event: React.ChangeEvent<HTMLInputElement>, index: number) {\n            if (props.disabled || props.readOnly) return;\n\n            activeIndex.current = index;\n            const nextValueState = updateValueAt(index, Number(event.target.value), event);\n\n            props.onValueChangeEnd?.({\n                originalEvent: event,\n                value: nextValueState\n            });\n        }\n\n        function onInputFocus(event: React.FocusEvent<HTMLInputElement>, index: number) {\n            if (props.disabled || props.readOnly) return;\n\n            focusedIndex.current = index;\n            activeIndex.current = index;\n            props.onFocus?.(event);\n        }\n\n        function onInputBlur(event: React.FocusEvent<HTMLInputElement>, index: number) {\n            if (props.disabled || props.readOnly) return;\n\n            activeIndex.current = index;\n\n            if (focusedIndex.current === index) {\n                focusedIndex.current = null;\n            }\n\n            props.onValueChangeEnd?.({\n                originalEvent: event,\n                value: getValueState()\n            });\n            props.onBlur?.(event);\n        }\n\n        const state = {\n            value: valueState,\n            isDragging\n        };\n\n        // prop getters\n        const rootProps = {\n            ref: setRootRef,\n            onPointerDown: onTrackPointerDown,\n            onPointerMove: onTrackPointerMove,\n            onPointerUp: onTrackPointerUp,\n            'data-orientation': props.orientation,\n            ...(props.disabled ? { 'data-disabled': '' } : {}),\n            ...(props.invalid ? { 'data-invalid': '' as const } : {}),\n            ...(isDragging ? { 'data-dragging': '' } : {}),\n            style: { display: 'flex' as const, position: 'relative' as const, touchAction: 'none' as const }\n        };\n\n        const trackProps = {\n            'data-orientation': props.orientation,\n            ...(props.disabled ? { 'data-disabled': '' } : {}),\n            ...(props.invalid ? { 'data-invalid': '' as const } : {}),\n            ...(isDragging ? { 'data-dragging': '' } : {}),\n            style: { display: 'block' as const, flexGrow: 1, position: 'relative' as const }\n        };\n\n        const getRangeProps = () => {\n            const values = range() ? ((valueState as number[]) ?? []) : [min, (valueState as number) ?? min];\n            const minValue = Math.min(...values);\n            const maxValue = Math.max(...values);\n            const startValue = range() ? minValue : min;\n            const endValue = range() ? maxValue : values[1];\n            const startPercent = getValuePercent(startValue);\n            const endPercent = getValuePercent(endValue);\n            const sizePercent = Math.max(endPercent - startPercent, 0);\n            const rangeStyle: React.CSSProperties = isHorizontal ? { position: 'absolute', insetInlineStart: `${startPercent}%`, width: `${sizePercent}%` } : { position: 'absolute', bottom: `${startPercent}%`, height: `${sizePercent}%` };\n\n            return {\n                'data-orientation': props.orientation,\n                ...(props.disabled ? { 'data-disabled': '' } : {}),\n                ...(props.invalid ? { 'data-invalid': '' as const } : {}),\n                ...(isDragging ? { 'data-dragging': '' } : {}),\n                style: rangeStyle\n            };\n        };\n\n        const getHandleProps = (index: number) => {\n            const handleValue = getHandleValue(index);\n            const percent = getValuePercent(handleValue);\n\n            const handlePointerDown = (event: React.PointerEvent<HTMLDivElement>) => onHandlePointerDown(event, index);\n\n            return {\n                onPointerDown: handlePointerDown,\n                'data-index': index,\n                'data-orientation': props.orientation,\n                ...(props.disabled ? { 'data-disabled': '' } : {}),\n                ...(props.invalid ? { 'data-invalid': '' as const } : {}),\n                ...(isDragging ? { 'data-dragging': '' } : {}),\n                style: isHorizontal ? ({ position: 'absolute', insetInlineStart: `${percent}%`, translate: '-50% 0' } as React.CSSProperties) : ({ position: 'absolute', bottom: `${percent}%`, translate: '0 50%' } as React.CSSProperties)\n            };\n        };\n\n        const getHiddenInputProps = (index: number) => {\n            const handleValue = getHandleValue(index);\n\n            const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => onInputChange(event, index);\n            const handleInput = (event: React.FormEvent<HTMLInputElement>) => onInputChange(event as React.ChangeEvent<HTMLInputElement>, index);\n            const handleFocus = (event: React.FocusEvent<HTMLInputElement>) => onInputFocus(event, index);\n            const handleBlur = (event: React.FocusEvent<HTMLInputElement>) => onInputBlur(event, index);\n\n            return {\n                'data-scope': 'slider' as const,\n                'data-part': 'hidden-input' as const,\n                type: 'range' as const,\n                min: props.min,\n                max: props.max,\n                step: props.step,\n                value: handleValue ?? min,\n                disabled: props.disabled,\n                readOnly: props.readOnly,\n                'aria-valuemin': props.min,\n                'aria-valuemax': props.max,\n                'aria-valuenow': handleValue,\n                'aria-orientation': props.orientation,\n                style: {\n                    position: 'absolute' as const,\n                    width: 1,\n                    height: 1,\n                    padding: 0,\n                    margin: -1,\n                    overflow: 'hidden' as const,\n                    clip: 'rect(0, 0, 0, 0)',\n                    whiteSpace: 'nowrap' as const,\n                    borderWidth: 0\n                },\n                onChange: handleChange,\n                onInput: handleInput,\n                onFocus: handleFocus,\n                onBlur: handleBlur\n            };\n        };\n\n        return {\n            state,\n            // methods\n            range,\n            getHandleValue,\n            getValuePercent,\n            setRootRef,\n            onTrackPointerDown,\n            onTrackPointerMove,\n            onTrackPointerUp,\n            updateValueFromPointer,\n            onHandlePointerDown,\n            onInputChange,\n            onInputFocus,\n            onInputBlur,\n            // prop getters\n            rootProps,\n            trackProps,\n            getRangeProps,\n            getHandleProps,\n            getHiddenInputProps\n        };\n    }\n});\n","import type { UseSliderProps } from '@primereact/types/headless/slider';\n\nexport const defaultProps: UseSliderProps = {\n    value: undefined,\n    defaultValue: undefined,\n    orientation: 'horizontal',\n    min: 0,\n    max: 100,\n    step: 1,\n    minStepsBetweenHandles: 0,\n    onValueChange: undefined,\n    onValueChangeEnd: undefined,\n    disabled: false,\n    readOnly: false,\n    invalid: undefined,\n    onFocus: undefined,\n    onBlur: undefined\n};\n"],"mappings":"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","names":["withHeadless","useControlledState","isRTL","React","defaultProps","useSlider","withHeadless","defaultProps","props","_a","_b","_c","_d","valueState","setValueState","useControlledState","isDragging","setIsDragging","activeIndex","focusedIndex","rootRef","min","max","step","minStepsBetweenHandles","isHorizontal","isHandlePointerDown","dragOffsetPx","clamp","value","minValue","maxValue","getPrecision","stepValue","stepString","dotIndex","roundToStep","precision","rounded","normalizeValue","range","getValues","sourceValue","getValueState","values","getHandleElement","index","isHandleDisabled","blurFocusedHandleIfDifferent","nextIndex","rootNode","input","getClosestEnabledValueIndex","nextValue","event","indices","_","enabledIndices","closestIndex","smallestDistance","pointerAxis","distance","closestElement","candidateElement","closestRect","candidateRect","closestCenter","candidateCenter","closestDelta","getHandleValue","getValuePercent","rangeValue","setRootRef","node","getRootRect","getValueFromPointer","offsetPx","rect","size","position","clampedPosition","isRtl","isRTL","orientedPosition","updateValueAt","originalEvent","minDistance","lowerBound","upperBound","clampedValue","nextValues","nextValueState","updateValueFromPointer","onTrackPointerDown","onTrackPointerMove","onTrackPointerUp","onHandlePointerDown","handle","handleRect","handleCenter","onInputChange","onInputFocus","onInputBlur","state","rootProps","__spreadProps","__spreadValues","trackProps","startValue","endValue","startPercent","endPercent","sizePercent","rangeStyle","handleValue","percent","handleChange","handleInput","handleFocus","handleBlur"]}

package/slider/useSlider.d.ts

@@ -1,58 +1,91 @@
-import { useSliderProps } from '@primereact/types/shared/slider';
 import * as React from 'react';
-export declare const useSlider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<useSliderProps, unknown, {
+export declare const useSlider: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/slider").UseSliderProps, unknown, {
     state: {
         value: number | number[] | undefined;
+        isDragging: boolean;
     };
-    registerThumb: () => number;
-    thumbCounter: React.RefObject<number>;
     range: () => boolean;
-    onTouchStart: (event: React.TouchEvent<HTMLElement>, index: number) => void;
-    onDrag: (event: React.MouseEvent | React.TouchEvent) => void;
-    onDragEnd: () => void;
-    onMouseDown: (event: React.MouseEvent<HTMLElement>, index: number) => void;
-    onKeyDown: (event: React.KeyboardEvent, index: number) => void;
-    onBarClick: (event: React.MouseEvent) => void;
-    rangeStyle: () => {
-        insetInlineStart: string;
-        width: string;
-        bottom?: undefined;
-        height?: undefined;
-    } | {
-        bottom: string;
-        height: string;
-        insetInlineStart?: undefined;
-        width?: undefined;
-    } | {
-        width: string;
-        insetInlineStart?: undefined;
-        bottom?: undefined;
-        height?: undefined;
-    } | {
-        height: string;
-        insetInlineStart?: undefined;
-        width?: undefined;
-        bottom?: undefined;
+    getHandleValue: (index: number) => number;
+    getValuePercent: (value: number) => number;
+    setRootRef: (node: HTMLDivElement | null) => void;
+    onTrackPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onTrackPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onTrackPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+    updateValueFromPointer: (event: React.PointerEvent<HTMLDivElement>) => void;
+    onHandlePointerDown: (event: React.PointerEvent<HTMLDivElement>, index: number) => void;
+    onInputChange: (event: React.ChangeEvent<HTMLInputElement>, index: number) => void;
+    onInputFocus: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    onInputBlur: (event: React.FocusEvent<HTMLInputElement>, index: number) => void;
+    rootProps: {
+        style: {
+            display: "flex";
+            position: "relative";
+            touchAction: "none";
+        };
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        ref: (node: HTMLDivElement | null) => void;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerMove: (event: React.PointerEvent<HTMLDivElement>) => void;
+        onPointerUp: (event: React.PointerEvent<HTMLDivElement>) => void;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    handleThumbStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    trackProps: {
+        style: {
+            display: "block";
+            flexGrow: number;
+            position: "relative";
+        };
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    rangeStartHandleStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    getRangeProps: () => {
+        style: React.CSSProperties;
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        'data-orientation': "horizontal" | "vertical" | undefined;
     };
-    rangeEndHandleStyle: () => {
-        insetInlineStart: string;
-        bottom?: undefined;
-    } | {
-        bottom: string;
-        insetInlineStart?: undefined;
+    getHandleProps: (index: number) => {
+        style: React.CSSProperties;
+        'data-dragging'?: string | undefined;
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: string | undefined;
+        onPointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+        'data-index': number;
+        'data-orientation': "horizontal" | "vertical" | undefined;
+    };
+    getHiddenInputProps: (index: number) => {
+        'data-scope': "slider";
+        'data-part': "hidden-input";
+        type: "range";
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        value: number;
+        disabled: boolean | undefined;
+        readOnly: boolean | undefined;
+        'aria-valuemin': number | undefined;
+        'aria-valuemax': number | undefined;
+        'aria-valuenow': number;
+        'aria-orientation': "horizontal" | "vertical" | undefined;
+        style: {
+            position: "absolute";
+            width: number;
+            height: number;
+            padding: number;
+            margin: number;
+            overflow: "hidden";
+            clip: string;
+            whiteSpace: "nowrap";
+            borderWidth: number;
+        };
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onInput: (event: React.FormEvent<HTMLInputElement>) => void;
+        onFocus: (event: React.FocusEvent<HTMLInputElement>) => void;
+        onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
     };
 }>;