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

package/autocomplete/useAutoComplete.d.ts

@@ -0,0 +1,198 @@
+import * as React from 'react';
+export declare const useAutoComplete: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/autocomplete").UseAutoCompleteProps, unknown, {
+    state: {
+        value: unknown;
+        inputValue: string | undefined;
+        opened: boolean | undefined;
+        focused: boolean;
+        focusedOptionIndex: number;
+        searching: boolean;
+        anchorElement: HTMLElement | null;
+        positionerElement: HTMLDivElement | null;
+        popupElement: HTMLElement | null;
+        arrowElement: HTMLDivElement | null;
+        rendered: boolean;
+    };
+    listbox: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/listbox").UseListboxProps<unknown>, unknown, {
+        state: {
+            value: unknown;
+            focused: boolean;
+            focusedOptionIndex: number;
+        };
+        listRef: React.RefObject<HTMLUListElement | null>;
+        firstHiddenElementRef: React.RefObject<HTMLElement | null>;
+        lastHiddenElementRef: React.RefObject<HTMLElement | null>;
+        rootProps: {
+            id: string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            'data-disabled': true | undefined;
+            'data-invalid': true | undefined;
+            onBlur: (event: React.FocusEvent) => void;
+        };
+        listProps: {
+            id: string;
+            role: "listbox";
+            ref: React.RefObject<HTMLUListElement | null>;
+            tabIndex: number;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onFocus: (event?: React.FocusEvent) => void;
+            onBlur: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        filterProps: {
+            role: "searchbox";
+            autoComplete: "off";
+            disabled: boolean | undefined;
+            tabIndex: number | undefined;
+            'aria-owns': string | undefined;
+            'aria-activedescendant': string | undefined;
+            'data-scope': string;
+            'data-part': string;
+            onBlur: () => void;
+            onChange: () => void;
+            onKeyDown: (event: React.KeyboardEvent) => void;
+        };
+        firstHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: () => void;
+        };
+        lastHiddenProps: {
+            role: "presentation";
+            ref: React.RefObject<HTMLElement | null>;
+            'aria-hidden': true;
+            'data-focus-guard': "";
+            onFocus: (event: React.FocusEvent) => void;
+        };
+        getOptions: () => unknown[];
+        getOptionId: (index: number) => string;
+        getOptionLabel: (option: unknown) => any;
+        getOptionValue: (option: unknown) => any;
+        isOptionDisabled: (option: unknown) => any;
+        isOptionGroup: (option: unknown) => boolean;
+        getOptionGroupLabel: (optionGroup: unknown) => any;
+        getOptionGroupChildren: (optionGroup: unknown) => any;
+        getFocusedOptionId: () => string | undefined;
+        onOptionSelect: (event: React.MouseEvent | React.KeyboardEvent, option: unknown, index?: number) => void;
+        onOptionTouchEnd: () => void;
+        onClearClick: (event: React.MouseEvent) => void;
+        isOptionMatched: (option: unknown) => any;
+        isValidOption: (option: unknown) => boolean;
+        isValidSelectedOption: (option: unknown) => boolean;
+        isSelected: (option: unknown) => boolean;
+        changeFocusedOptionIndex: (event: React.MouseEvent | React.KeyboardEvent, index?: number) => void;
+        findSelectedOptionIndex: () => number;
+        findFirstFocusedOptionIndex: () => number;
+        scrollInView: (index?: number) => void;
+        updateModel: (event: React.SyntheticEvent, value: unknown) => void;
+        autoUpdateModel: () => void;
+        equalityKey: string | undefined;
+        hasValue: () => boolean;
+        isEquals: (value1: unknown, value2: unknown) => boolean;
+    }>;
+    rootProps: {
+        'data-invalid'?: "" | undefined;
+        'data-disabled'?: "" | undefined;
+        id: string | undefined;
+        'data-scope': "autocomplete";
+        'data-part': "root";
+    };
+    triggerProps: {
+        onClick: () => void;
+        'data-positioner-open'?: string | undefined;
+        'data-scope': string;
+        'data-part': string;
+        type: "button";
+        tabIndex: number | undefined;
+        disabled: boolean | undefined;
+        'aria-label': string;
+        'aria-haspopup': "listbox";
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+    };
+    inputProps: {
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+        onFocus: (event: React.FocusEvent) => void;
+        onBlur: (event: React.FocusEvent) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+        'data-invalid'?: string | undefined;
+        'aria-invalid'?: boolean | undefined;
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLElement | null) => void;
+        tabIndex: number | undefined;
+        value: string;
+        autoComplete: "off";
+        role: "combobox";
+        name: string | undefined;
+        disabled: boolean | undefined;
+        'aria-autocomplete': "list";
+        'aria-haspopup': "listbox";
+        'aria-expanded': boolean;
+        'aria-controls': string | undefined;
+        'aria-activedescendant': string | undefined;
+    };
+    listProps: {
+        id: string;
+        tabIndex: number;
+        'data-scope': "autocomplete";
+        'data-part': "list";
+        role: "listbox";
+        ref: React.RefObject<HTMLUListElement | null>;
+        'aria-activedescendant': string | undefined;
+        onFocus: (event?: React.FocusEvent) => void;
+        onBlur: () => void;
+        onKeyDown: (event: React.KeyboardEvent) => void;
+    };
+    indicatorProps: {
+        'data-open': string;
+        'data-scope': string;
+        'data-part': string;
+        'aria-hidden': true;
+    } | {
+        'data-closed': string;
+        'data-scope': string;
+        'data-part': string;
+        'aria-hidden': true;
+    };
+    clearProps: {
+        'data-scope': string;
+        'data-part': string;
+        'aria-label': string;
+        tabIndex: number;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    };
+    positionerProps: {
+        'data-scope': "autocomplete";
+        'data-part': "positioner";
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    popupProps: {
+        'data-open'?: string | undefined;
+        'data-scope': "autocomplete";
+        'data-part': "popup";
+        ref: (node: HTMLElement | null) => void;
+    };
+    arrowProps: {
+        'data-scope': string;
+        'data-part': string;
+        ref: (node: HTMLDivElement | null) => void;
+    };
+    setAnchorRef: (node: HTMLElement | null) => void;
+    setPositionerRef: (node: HTMLDivElement | null) => void;
+    setPopupRef: (node: HTMLElement | null) => void;
+    setArrowRef: (node: HTMLDivElement | null) => void;
+    setRendered: React.Dispatch<React.SetStateAction<boolean>>;
+    getSelectedOptionLabel: () => any;
+    hasValue: () => boolean;
+    show: () => void;
+    hide: () => void;
+    toggle: () => void;
+    focus: () => void;
+}>;

package/autocomplete/useAutoComplete.props.d.ts

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

package/avatar/index.d.ts

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

package/avatar/index.mjs

@@ -1,2 +1,2 @@
-var c={delayDuration:0};import{withHeadless as f}from"@primereact/core/headless";import*as e from"react";var g=f({name:"useAvatar",defaultProps:c,setup({props:s}){let[m,r]=e.useState(!1),t=e.useRef(null),d={load:m},o=e.useCallback(()=>{var a;setTimeout(()=>{r(!0)},(a=s.delayDuration)!=null?a:0)},[s.delayDuration]),n=e.useCallback(()=>{r(!1)},[]),i=e.useCallback(a=>{if(!a){r(!1);return}t.current=new window.Image,t.current.src=a,t.current.addEventListener("load",o),t.current.addEventListener("error",n)},[t,o,n]),l=e.useCallback(()=>{var a,u;r(!1),(a=t.current)==null||a.removeEventListener("load",o),(u=t.current)==null||u.removeEventListener("error",n),t.current=null},[o,n]);return e.useEffect(()=>()=>{l()},[]),{state:d,handleImageLoad:i,handleImageUnload:l}}});export{c as defaultProps,g as useAvatar};
+var u={delayDuration:0};import{withHeadless as i}from"@primereact/core/headless";import*as e from"react";var L=i({name:"useAvatar",defaultProps:u,setup({props:n}){let[d,r]=e.useState(!1),t=e.useRef(null),m={load:d},o=e.useCallback(()=>{var a;setTimeout(()=>{r(!0)},(a=n.delayDuration)!=null?a:0)},[n.delayDuration]),s=e.useCallback(()=>{r(!1)},[]),p=e.useCallback(a=>{if(!a){r(!1);return}t.current=new window.Image,t.current.src=a,t.current.addEventListener("load",o),t.current.addEventListener("error",s)},[t,o,s]),l=e.useCallback(()=>{var a,c;r(!1),(a=t.current)==null||a.removeEventListener("load",o),(c=t.current)==null||c.removeEventListener("error",s),t.current=null},[o,s]);return e.useEffect(()=>()=>{l()},[]),{state:m,rootProps:{"data-scope":"avatar","data-part":"root"},handleImageLoad:p,handleImageUnload:l}}});export{u as defaultProps,L as useAvatar};
 //# sourceMappingURL=index.mjs.map

package/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/avatar/useAvatar.props.ts","../../src/avatar/useAvatar.ts"],"sourcesContent":["import type { useAvatarProps } from '@primereact/types/shared/avatar';\n\nexport const defaultProps: useAvatarProps = {\n    delayDuration: 0\n};\n","import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useAvatar.props';\n\nexport const useAvatar = withHeadless({\n    name: 'useAvatar',\n    defaultProps,\n    setup({ props }) {\n        const [loadState, setLoadState] = React.useState<boolean>(false);\n        const imageRef = React.useRef<HTMLImageElement | null>(null);\n\n        const state = {\n            load: loadState\n        };\n\n        // methods\n        const onImageLoad = React.useCallback(() => {\n            setTimeout(() => {\n                setLoadState(true);\n            }, props.delayDuration ?? 0);\n        }, [props.delayDuration]);\n\n        const onImageError = React.useCallback(() => {\n            setLoadState(false);\n        }, []);\n\n        const handleImageLoad = React.useCallback(\n            (src?: string) => {\n                if (!src) {\n                    setLoadState(false);\n\n                    return;\n                }\n\n                imageRef.current = new window.Image();\n                imageRef.current.src = src;\n                imageRef.current.addEventListener('load', onImageLoad);\n                imageRef.current.addEventListener('error', onImageError);\n            },\n            [imageRef, onImageLoad, onImageError]\n        );\n\n        const handleImageUnload = React.useCallback(() => {\n            setLoadState(false);\n            imageRef.current?.removeEventListener('load', onImageLoad);\n            imageRef.current?.removeEventListener('error', onImageError);\n            imageRef.current = null;\n        }, [onImageLoad, onImageError]);\n\n        // effects\n        React.useEffect(() => {\n            return () => {\n                handleImageUnload();\n            };\n        }, []);\n\n        return {\n            state,\n            // methods\n            handleImageLoad,\n            handleImageUnload\n        };\n    }\n});\n"],"mappings":"AAEO,IAAMA,EAA+B,CACxC,cAAe,CACnB,ECJA,OAAS,gBAAAC,MAAoB,4BAC7B,UAAYC,MAAW,QAGhB,IAAMC,EAAYC,EAAa,CAClC,KAAM,YACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CACb,GAAM,CAACC,EAAWC,CAAY,EAAU,WAAkB,EAAK,EACzDC,EAAiB,SAAgC,IAAI,EAErDC,EAAQ,CACV,KAAMH,CACV,EAGMI,EAAoB,cAAY,IAAM,CAhBpD,IAAAC,EAiBY,WAAW,IAAM,CACbJ,EAAa,EAAI,CACrB,GAAGI,EAAAN,EAAM,gBAAN,KAAAM,EAAuB,CAAC,CAC/B,EAAG,CAACN,EAAM,aAAa,CAAC,EAElBO,EAAqB,cAAY,IAAM,CACzCL,EAAa,EAAK,CACtB,EAAG,CAAC,CAAC,EAECM,EAAwB,cACzBC,GAAiB,CACd,GAAI,CAACA,EAAK,CACNP,EAAa,EAAK,EAElB,MACJ,CAEAC,EAAS,QAAU,IAAI,OAAO,MAC9BA,EAAS,QAAQ,IAAMM,EACvBN,EAAS,QAAQ,iBAAiB,OAAQE,CAAW,EACrDF,EAAS,QAAQ,iBAAiB,QAASI,CAAY,CAC3D,EACA,CAACJ,EAAUE,EAAaE,CAAY,CACxC,EAEMG,EAA0B,cAAY,IAAM,CA1C1D,IAAAJ,EAAAK,EA2CYT,EAAa,EAAK,GAClBI,EAAAH,EAAS,UAAT,MAAAG,EAAkB,oBAAoB,OAAQD,IAC9CM,EAAAR,EAAS,UAAT,MAAAQ,EAAkB,oBAAoB,QAASJ,GAC/CJ,EAAS,QAAU,IACvB,EAAG,CAACE,EAAaE,CAAY,CAAC,EAG9B,OAAM,YAAU,IACL,IAAM,CACTG,EAAkB,CACtB,EACD,CAAC,CAAC,EAEE,CACH,MAAAN,EAEA,gBAAAI,EACA,kBAAAE,CACJ,CACJ,CACJ,CAAC","names":["defaultProps","withHeadless","React","useAvatar","withHeadless","defaultProps","props","loadState","setLoadState","imageRef","state","onImageLoad","_a","onImageError","handleImageLoad","src","handleImageUnload","_b"]}
+{"version":3,"sources":["../../src/avatar/useAvatar.props.ts","../../src/avatar/useAvatar.ts"],"sourcesContent":["import type { UseAvatarProps } from '@primereact/types/headless/avatar';\n\nexport const defaultProps: UseAvatarProps = {\n    delayDuration: 0\n};\n","import { withHeadless } from '@primereact/core/headless';\nimport * as React from 'react';\nimport { defaultProps } from './useAvatar.props';\n\nexport const useAvatar = withHeadless({\n    name: 'useAvatar',\n    defaultProps,\n    setup({ props }) {\n        const [loadState, setLoadState] = React.useState<boolean>(false);\n        const imageRef = React.useRef<HTMLImageElement | null>(null);\n\n        const state = {\n            load: loadState\n        };\n\n        // methods\n        const onImageLoad = React.useCallback(() => {\n            setTimeout(() => {\n                setLoadState(true);\n            }, props.delayDuration ?? 0);\n        }, [props.delayDuration]);\n\n        const onImageError = React.useCallback(() => {\n            setLoadState(false);\n        }, []);\n\n        const handleImageLoad = React.useCallback(\n            (src?: string) => {\n                if (!src) {\n                    setLoadState(false);\n\n                    return;\n                }\n\n                imageRef.current = new window.Image();\n                imageRef.current.src = src;\n                imageRef.current.addEventListener('load', onImageLoad);\n                imageRef.current.addEventListener('error', onImageError);\n            },\n            [imageRef, onImageLoad, onImageError]\n        );\n\n        const handleImageUnload = React.useCallback(() => {\n            setLoadState(false);\n            imageRef.current?.removeEventListener('load', onImageLoad);\n            imageRef.current?.removeEventListener('error', onImageError);\n            imageRef.current = null;\n        }, [onImageLoad, onImageError]);\n\n        // effects\n        React.useEffect(() => {\n            return () => {\n                handleImageUnload();\n            };\n        }, []);\n\n        // prop getters\n        const rootProps = {\n            'data-scope': 'avatar',\n            'data-part': 'root'\n        };\n\n        return {\n            state,\n            // prop getters\n            rootProps,\n            // methods\n            handleImageLoad,\n            handleImageUnload\n        };\n    }\n});\n"],"mappings":"AAEO,IAAMA,EAA+B,CACxC,cAAe,CACnB,ECJA,OAAS,gBAAAC,MAAoB,4BAC7B,UAAYC,MAAW,QAGhB,IAAMC,EAAYC,EAAa,CAClC,KAAM,YACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CACb,GAAM,CAACC,EAAWC,CAAY,EAAU,WAAkB,EAAK,EACzDC,EAAiB,SAAgC,IAAI,EAErDC,EAAQ,CACV,KAAMH,CACV,EAGMI,EAAoB,cAAY,IAAM,CAhBpD,IAAAC,EAiBY,WAAW,IAAM,CACbJ,EAAa,EAAI,CACrB,GAAGI,EAAAN,EAAM,gBAAN,KAAAM,EAAuB,CAAC,CAC/B,EAAG,CAACN,EAAM,aAAa,CAAC,EAElBO,EAAqB,cAAY,IAAM,CACzCL,EAAa,EAAK,CACtB,EAAG,CAAC,CAAC,EAECM,EAAwB,cACzBC,GAAiB,CACd,GAAI,CAACA,EAAK,CACNP,EAAa,EAAK,EAElB,MACJ,CAEAC,EAAS,QAAU,IAAI,OAAO,MAC9BA,EAAS,QAAQ,IAAMM,EACvBN,EAAS,QAAQ,iBAAiB,OAAQE,CAAW,EACrDF,EAAS,QAAQ,iBAAiB,QAASI,CAAY,CAC3D,EACA,CAACJ,EAAUE,EAAaE,CAAY,CACxC,EAEMG,EAA0B,cAAY,IAAM,CA1C1D,IAAAJ,EAAAK,EA2CYT,EAAa,EAAK,GAClBI,EAAAH,EAAS,UAAT,MAAAG,EAAkB,oBAAoB,OAAQD,IAC9CM,EAAAR,EAAS,UAAT,MAAAQ,EAAkB,oBAAoB,QAASJ,GAC/CJ,EAAS,QAAU,IACvB,EAAG,CAACE,EAAaE,CAAY,CAAC,EAG9B,OAAM,YAAU,IACL,IAAM,CACTG,EAAkB,CACtB,EACD,CAAC,CAAC,EAQE,CACH,MAAAN,EAEA,UARc,CACd,aAAc,SACd,YAAa,MACjB,EAOI,gBAAAI,EACA,kBAAAE,CACJ,CACJ,CACJ,CAAC","names":["defaultProps","withHeadless","React","useAvatar","withHeadless","defaultProps","props","loadState","setLoadState","imageRef","state","onImageLoad","_a","onImageError","handleImageLoad","src","handleImageUnload","_b"]}

package/avatar/useAvatar.d.ts

@@ -1,7 +1,11 @@
-export declare const useAvatar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/avatar").useAvatarProps, unknown, {
+export declare const useAvatar: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/avatar").UseAvatarProps, unknown, {
     state: {
         load: boolean;
     };
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
     handleImageLoad: (src?: string) => void;
     handleImageUnload: () => void;
 }>;

package/avatar/useAvatar.props.d.ts

@@ -1,2 +1,2 @@
-import type { useAvatarProps } from '@primereact/types/shared/avatar';
-export declare const defaultProps: useAvatarProps;
+import type { UseAvatarProps } from '@primereact/types/headless/avatar';
+export declare const defaultProps: UseAvatarProps;

package/avatargroup/index.d.ts

@@ -0,0 +1,3 @@
+export * from './useAvatarGroup';
+export * from './useAvatarGroup.props';
+export type * from '@primereact/types/headless/avatargroup';

package/avatargroup/index.mjs

@@ -0,0 +1,2 @@
+import{withHeadless as o}from"@primereact/core/headless";var r={};var s=o({name:"useAvatarGroup",defaultProps:r,setup(){return{rootProps:{"data-scope":"avatargroup","data-part":"root"}}}});export{r as defaultProps,s as useAvatarGroup};
+//# sourceMappingURL=index.mjs.map

package/avatargroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/avatargroup/useAvatarGroup.ts","../../src/avatargroup/useAvatarGroup.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useAvatarGroup.props';\n\nexport const useAvatarGroup = withHeadless({\n    name: 'useAvatarGroup',\n    defaultProps,\n    setup() {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'avatargroup',\n            'data-part': 'root'\n        };\n\n        return {\n            rootProps\n        };\n    }\n});\n","import type { UseAvatarGroupProps } from '@primereact/types/headless/avatargroup';\n\nexport const defaultProps: UseAvatarGroupProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAoC,CAAC,EDC3C,IAAMC,EAAiBC,EAAa,CACvC,KAAM,iBACN,aAAAC,EACA,OAAQ,CAOJ,MAAO,CACH,UANc,CACd,aAAc,cACd,YAAa,MACjB,CAIA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useAvatarGroup","withHeadless","defaultProps"]}

package/avatargroup/useAvatarGroup.d.ts

@@ -0,0 +1,6 @@
+export declare const useAvatarGroup: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/avatargroup").UseAvatarGroupProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/avatargroup/useAvatarGroup.props.d.ts

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

package/badge/index.d.ts

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

package/badge/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as r}from"@primereact/core/headless";var e={};var s=r({name:"useBadge",defaultProps:e});export{e as defaultProps,s as useBadge};
+var d=Object.defineProperty;var r=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var a=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,s=(e,t)=>{for(var o in t||(t={}))m.call(t,o)&&a(e,o,t[o]);if(r)for(var o of r(t))c.call(t,o)&&a(e,o,t[o]);return e};import{withHeadless as f}from"@primereact/core/headless";var p={};var x=f({name:"useBadge",defaultProps:p,setup({inProps:e}){return{rootProps:s({"data-scope":"badge","data-part":"root"},!(e!=null&&e.children)&&{"data-empty":""})}}});export{p as defaultProps,x as useBadge};
 //# sourceMappingURL=index.mjs.map

package/badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/badge/useBadge.ts","../../src/badge/useBadge.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useBadge.props';\n\nexport const useBadge = withHeadless({\n    name: 'useBadge',\n    defaultProps\n});\n","import type { useBadgeProps } from '@primereact/types/shared/badge';\n\nexport const defaultProps: useBadgeProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA8B,CAAC,EDCrC,IAAMC,EAAWC,EAAa,CACjC,KAAM,WACN,aAAAC,CACJ,CAAC","names":["withHeadless","defaultProps","useBadge","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/badge/useBadge.ts","../../src/badge/useBadge.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useBadge.props';\n\nexport const useBadge = withHeadless({\n    name: 'useBadge',\n    defaultProps,\n    setup({ inProps }) {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'badge' as const,\n            'data-part': 'root' as const,\n            ...(!inProps?.children && { 'data-empty': '' as const })\n        };\n\n        return {\n            rootProps\n        };\n    }\n});\n","import type { UseBadgeProps } from '@primereact/types/headless/badge';\n\nexport const defaultProps: UseBadgeProps = {};\n"],"mappings":"yVAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA8B,CAAC,EDCrC,IAAMC,EAAWC,EAAa,CACjC,KAAM,WACN,aAAAC,EACA,MAAM,CAAE,QAAAC,CAAQ,EAAG,CAQf,MAAO,CACH,UAPcC,EAAA,CACd,aAAc,QACd,YAAa,QACT,EAACD,GAAA,MAAAA,EAAS,WAAY,CAAE,aAAc,EAAY,EAK1D,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useBadge","withHeadless","defaultProps","inProps","__spreadValues"]}

package/badge/useBadge.d.ts

@@ -1 +1,7 @@
-export declare const useBadge: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/badge").useBadgeProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useBadge: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/badge").UseBadgeProps, unknown, {
+    rootProps: {
+        'data-empty'?: "" | undefined;
+        'data-scope': "badge";
+        'data-part': "root";
+    };
+}>;

package/badge/useBadge.props.d.ts

@@ -1,2 +1,2 @@
-import type { useBadgeProps } from '@primereact/types/shared/badge';
-export declare const defaultProps: useBadgeProps;
+import type { UseBadgeProps } from '@primereact/types/headless/badge';
+export declare const defaultProps: UseBadgeProps;

package/breadcrumb/index.d.ts

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

package/breadcrumb/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as n}from"@primereact/core/headless";var r={onAction:void 0};var p=n({name:"useBreadcrumb",defaultProps:r,setup({props:e}){return{onAction:(o,t)=>{e.onAction&&(o.preventDefault(),e.onAction(t))}}}});export{r as defaultProps,p as useBreadcrumb};
+import{withHeadless as s}from"@primereact/core/headless";var r={};var d=s({name:"useBreadcrumb",defaultProps:r,setup(){return{rootProps:{"data-scope":"breadcrumb","data-part":"root","aria-label":"Breadcrumb"},ellipsisProps:{"data-scope":"breadcrumb","data-part":"ellipsis",role:"presentation","aria-hidden":!0},separatorProps:{"data-scope":"breadcrumb","data-part":"separator",role:"presentation","aria-hidden":!0}}}});export{r as defaultProps,d as useBreadcrumb};
 //# sourceMappingURL=index.mjs.map

package/breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/breadcrumb/useBreadcrumb.ts","../../src/breadcrumb/useBreadcrumb.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useBreadcrumb.props';\n\nexport const useBreadcrumb = withHeadless({\n    name: 'useBreadcrumb',\n    defaultProps,\n    setup({ props }) {\n        const onAction = (event: React.MouseEvent, key: string) => {\n            if (props.onAction) {\n                event.preventDefault();\n                props.onAction(key);\n            }\n        };\n\n        return { onAction };\n    }\n});\n","import type { useBreadcrumbProps } from '@primereact/types/shared/breadcrumb';\n\nexport const defaultProps: useBreadcrumbProps = {\n    onAction: undefined\n};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAmC,CAC5C,SAAU,MACd,EDDO,IAAMC,EAAgBC,EAAa,CACtC,KAAM,gBACN,aAAAC,EACA,MAAM,CAAE,MAAAC,CAAM,EAAG,CAQb,MAAO,CAAE,SAPQ,CAACC,EAAyBC,IAAgB,CACnDF,EAAM,WACNC,EAAM,eAAe,EACrBD,EAAM,SAASE,CAAG,EAE1B,CAEkB,CACtB,CACJ,CAAC","names":["withHeadless","defaultProps","useBreadcrumb","withHeadless","defaultProps","props","event","key"]}
+{"version":3,"sources":["../../src/breadcrumb/useBreadcrumb.ts","../../src/breadcrumb/useBreadcrumb.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useBreadcrumb.props';\n\nexport const useBreadcrumb = withHeadless({\n    name: 'useBreadcrumb',\n    defaultProps,\n    setup() {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'breadcrumb' as const,\n            'data-part': 'root' as const,\n            'aria-label': 'Breadcrumb'\n        };\n\n        const ellipsisProps = {\n            'data-scope': 'breadcrumb' as const,\n            'data-part': 'ellipsis' as const,\n            role: 'presentation' as const,\n            'aria-hidden': true as const\n        };\n\n        const separatorProps = {\n            'data-scope': 'breadcrumb' as const,\n            'data-part': 'separator' as const,\n            role: 'presentation' as const,\n            'aria-hidden': true as const\n        };\n\n        return {\n            rootProps,\n            ellipsisProps,\n            separatorProps\n        };\n    }\n});\n","import type { UseBreadcrumbProps } from '@primereact/types/headless/breadcrumb';\n\nexport const defaultProps: UseBreadcrumbProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAAmC,CAAC,EDC1C,IAAMC,EAAgBC,EAAa,CACtC,KAAM,gBACN,aAAAC,EACA,OAAQ,CAsBJ,MAAO,CACH,UArBc,CACd,aAAc,aACd,YAAa,OACb,aAAc,YAClB,EAkBI,cAhBkB,CAClB,aAAc,aACd,YAAa,WACb,KAAM,eACN,cAAe,EACnB,EAYI,eAVmB,CACnB,aAAc,aACd,YAAa,YACb,KAAM,eACN,cAAe,EACnB,CAMA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useBreadcrumb","withHeadless","defaultProps"]}

package/breadcrumb/useBreadcrumb.d.ts

@@ -1,3 +1,19 @@
-export declare const useBreadcrumb: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/breadcrumb").useBreadcrumbProps, unknown, {
-    onAction: (event: React.MouseEvent, key: string) => void;
+export declare const useBreadcrumb: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/breadcrumb").UseBreadcrumbProps, unknown, {
+    rootProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "root";
+        'aria-label': string;
+    };
+    ellipsisProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "ellipsis";
+        role: "presentation";
+        'aria-hidden': true;
+    };
+    separatorProps: {
+        'data-scope': "breadcrumb";
+        'data-part': "separator";
+        role: "presentation";
+        'aria-hidden': true;
+    };
 }>;

package/breadcrumb/useBreadcrumb.props.d.ts

@@ -1,2 +1,2 @@
-import type { useBreadcrumbProps } from '@primereact/types/shared/breadcrumb';
-export declare const defaultProps: useBreadcrumbProps;
+import type { UseBreadcrumbProps } from '@primereact/types/headless/breadcrumb';
+export declare const defaultProps: UseBreadcrumbProps;

package/button/index.d.ts

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

package/button/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as o}from"@primereact/core/headless";var t={};var s=o({name:"useButton",defaultProps:t});export{t as defaultProps,s as useButton};
+import{withHeadless as o}from"@primereact/core/headless";var t={};var a=o({name:"useButton",defaultProps:t,setup(){return{rootProps:{"data-scope":"button","data-part":"root"}}}});export{t as defaultProps,a as useButton};
 //# sourceMappingURL=index.mjs.map

package/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/useButton.ts","../../src/button/useButton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useButton.props';\n\nexport const useButton = withHeadless({\n    name: 'useButton',\n    defaultProps\n});\n","import type { useButtonProps } from '@primereact/types/shared/button';\n\nexport const defaultProps: useButtonProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA+B,CAAC,EDCtC,IAAMC,EAAYC,EAAa,CAClC,KAAM,YACN,aAAAC,CACJ,CAAC","names":["withHeadless","defaultProps","useButton","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/button/useButton.ts","../../src/button/useButton.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useButton.props';\n\nexport const useButton = withHeadless({\n    name: 'useButton',\n    defaultProps,\n    setup() {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'button',\n            'data-part': 'root'\n        };\n\n        return {\n            rootProps\n        };\n    }\n});\n","import type { UseButtonProps } from '@primereact/types/headless/button';\n\nexport const defaultProps: UseButtonProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA+B,CAAC,EDCtC,IAAMC,EAAYC,EAAa,CAClC,KAAM,YACN,aAAAC,EACA,OAAQ,CAOJ,MAAO,CACH,UANc,CACd,aAAc,SACd,YAAa,MACjB,CAIA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useButton","withHeadless","defaultProps"]}

package/button/useButton.d.ts

@@ -1 +1,6 @@
-export declare const useButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/button").useButtonProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useButton: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/button").UseButtonProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/button/useButton.props.d.ts

@@ -1,2 +1,2 @@
-import type { useButtonProps } from '@primereact/types/shared/button';
-export declare const defaultProps: useButtonProps;
+import type { UseButtonProps } from '@primereact/types/headless/button';
+export declare const defaultProps: UseButtonProps;

package/card/index.d.ts

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

package/card/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as e}from"@primereact/core/headless";var r={};var s=e({name:"useCard",defaultProps:r});export{r as defaultProps,s as useCard};
+import{withHeadless as o}from"@primereact/core/headless";var r={};var a=o({name:"useCard",defaultProps:r,setup(){return{rootProps:{"data-scope":"card","data-part":"root"}}}});export{r as defaultProps,a as useCard};
 //# sourceMappingURL=index.mjs.map

package/card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/useCard.ts","../../src/card/useCard.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useCard.props';\n\nexport const useCard = withHeadless({\n    name: 'useCard',\n    defaultProps\n});\n","import type { useCardProps } from '@primereact/types/shared/card';\n\nexport const defaultProps: useCardProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA6B,CAAC,EDCpC,IAAMC,EAAUC,EAAa,CAChC,KAAM,UACN,aAAAC,CACJ,CAAC","names":["withHeadless","defaultProps","useCard","withHeadless","defaultProps"]}
+{"version":3,"sources":["../../src/card/useCard.ts","../../src/card/useCard.props.ts"],"sourcesContent":["import { withHeadless } from '@primereact/core/headless';\nimport { defaultProps } from './useCard.props';\n\nexport const useCard = withHeadless({\n    name: 'useCard',\n    defaultProps,\n    setup() {\n        // prop getters\n        const rootProps = {\n            'data-scope': 'card',\n            'data-part': 'root'\n        };\n\n        return {\n            rootProps\n        };\n    }\n});\n","import type { UseCardProps } from '@primereact/types/headless/card';\n\nexport const defaultProps: UseCardProps = {};\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,4BCEtB,IAAMC,EAA6B,CAAC,EDCpC,IAAMC,EAAUC,EAAa,CAChC,KAAM,UACN,aAAAC,EACA,OAAQ,CAOJ,MAAO,CACH,UANc,CACd,aAAc,OACd,YAAa,MACjB,CAIA,CACJ,CACJ,CAAC","names":["withHeadless","defaultProps","useCard","withHeadless","defaultProps"]}

package/card/useCard.d.ts

@@ -1 +1,6 @@
-export declare const useCard: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/shared/card").useCardProps, unknown, Record<PropertyKey, unknown>>;
+export declare const useCard: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/card").UseCardProps, unknown, {
+    rootProps: {
+        'data-scope': string;
+        'data-part': string;
+    };
+}>;

package/card/useCard.props.d.ts

@@ -1,2 +1,2 @@
-import type { useCardProps } from '@primereact/types/shared/card';
-export declare const defaultProps: useCardProps;
+import type { UseCardProps } from '@primereact/types/headless/card';
+export declare const defaultProps: UseCardProps;

package/carousel/index.d.ts

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

package/carousel/index.mjs

@@ -1,2 +1,2 @@
-import{withHeadless as te}from"@primereact/core/headless";import*as i from"react";var B={orientation:"horizontal",align:"start",loop:!1,snapType:"mandatory",spacing:16,autoSize:!1,slidesPerPage:1,slide:void 0,onSlideChange:void 0,defaultPage:0,page:void 0,onPageChange:void 0};var D="[data-item]";function ne(n,v){if(n.size!==v.size)return!1;for(let g of n)if(!v.has(g))return!1;return!0}var ae=te({name:"useCarousel",defaultProps:B,setup({props:n}){var q,W;let[v,g]=i.useState(!1),[O,F]=i.useState(!1),[H,k]=i.useState(!1),[f,J]=i.useState(new Set),[m,G]=i.useState((W=(q=n.page)!=null?q:n.defaultPage)!=null?W:0),l=i.useRef(null),u=i.useRef(new Set),y=i.useRef([]),I=i.useRef(!1),b=i.useRef(null),T=i.useRef(null),S=i.useRef(null),h=i.useRef(null),z=i.useRef(null),x=i.useRef({x:0,y:0}),E=i.useRef(!1);function M(){let t=l.current;if(!t)return[];let e=n.orientation!=="vertical",r=e?t.clientWidth:t.clientHeight,a=Math.max(0,e?t.scrollWidth-r:t.scrollHeight-r),o=[];y.current=[],t.querySelectorAll(D).forEach(c=>{let R=e?c.offsetLeft:c.offsetTop,N=e?c.clientWidth:c.clientHeight,A=R;n.align==="center"?A=R-(r-N)/2:n.align==="end"&&(A=R-(r-N));let $=Math.max(0,Math.min(A,a));y.current.push($),o.push($)});let s=new Set(o.map(Number));ne(f,s)||(u.current=s,J(s))}function w(t){var e,r;if(!n.loop){let a=u.current.size||f.size,o=!1,s=!1;t===0&&(s=!0),t===a-1&&(o=!0),F(o),k(s)}G(t),(e=n.onPageChange)==null||e.call(n,{value:t}),(r=n.onSlideChange)==null||r.call(n,{value:t})}function P(){let t=l.current,e=u.current;if(!t||e.size===0)return;let r=n.orientation==="horizontal"?t.scrollLeft:t.scrollTop,a=Array.from(e).reduce((s,c)=>Math.abs(c-r)<Math.abs(s-r)?c:s,1/0),o=Array.from(e).indexOf(a);return w(o),o}function d(t,e=!1){let r=u.current;if(r.size===0)return;let a=t!=null?t:m,o=n.loop?(a+r.size)%r.size:Math.max(0,Math.min(a,r.size-1));w(o),C(Array.from(r)[o],e)}function U(){d(m+1)}function _(){d(m-1)}function C(t,e=!1){let r=l.current;r&&r.scrollTo({[n.orientation==="horizontal"?"left":"top"]:t,behavior:e?"instant":"smooth"})}function X(t){let e=u.current,r=y.current;if(e.size===0||r.length===0)return;let a=Math.max(0,Math.min(t,r.length-1)),o=r[a];C(o);let s=Array.from(e).indexOf(o);w(s)}i.useLayoutEffect(()=>{let t=l.current;if(t)return S.current=new ResizeObserver(()=>{M();let e=P();d(e!=null?e:m,!0)}),S.current.observe(t),t.querySelectorAll(D).forEach(e=>{var r;return(r=S.current)==null?void 0:r.observe(e)}),M(),()=>{var e;(e=S.current)==null||e.disconnect(),S.current=null}},[]),i.useLayoutEffect(()=>{var e;I.current||(u.current.size||f.size)===0||(I.current=!0,d((e=n.defaultPage)!=null?e:0,!0))},[f,n.page,n.defaultPage]),i.useEffect(()=>{n.page===void 0||n.page===null||n.slide!==void 0||n.slide!==null||u.current.size===0&&f.size===0||d(n.page)},[n.page,f]),i.useEffect(()=>{n.slide===void 0||n.slide===null||u.current.size===0&&f.size===0||X(n.slide)},[n.slide]),i.useEffect(()=>{let t=l.current;if(t)return b.current=new MutationObserver(e=>{e.forEach(()=>{M(),requestAnimationFrame(()=>{let r=P();d(r!=null?r:m,!0)})})}),b.current.observe(t,{childList:!0,subtree:!0}),()=>{var e;(e=b.current)==null||e.disconnect(),b.current=null}},[]),i.useEffect(()=>{let t=l.current;if(t)return T.current=new IntersectionObserver(e=>{e.forEach(r=>{r.isIntersecting?r.target.setAttribute("data-inview","true"):r.target.setAttribute("data-inview","false")})},{root:l.current,threshold:.6}),t.querySelectorAll(D).forEach(e=>{var r;return(r=T.current)==null?void 0:r.observe(e)}),()=>{var e;(e=T.current)==null||e.disconnect(),T.current=null}},[]),i.useEffect(()=>{let t=l.current;if(!t)return;let e=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{P()},80)};return e(),t.addEventListener("scroll",e,{passive:!0}),()=>{h.current&&clearTimeout(h.current),h.current=null,t.removeEventListener("scroll",e)}},[]);function j(t){t.button===0&&t.pointerType!=="touch"&&(g(!0),x.current={x:t.clientX,y:t.clientY},E.current=!1)}function K(t){var s,c;let e=l.current;if(!v||!e||t.pointerType==="touch")return;let r=t.clientX-x.current.x,a=t.clientY-x.current.y;Math.abs(r)+Math.abs(a)<6||((c=(s=window.getSelection())==null?void 0:s.toString().length)!=null?c:0)>0||(t.currentTarget.setPointerCapture(t.pointerId),e.style.userSelect="none",E.current=!0,e.style.scrollSnapType="none",e.scrollBy({left:-t.movementX,top:-t.movementY,behavior:"instant"}),t.preventDefault())}function Q(t){if(g(!1),t.currentTarget.releasePointerCapture(t.pointerId),!E.current)return;let e=l.current;if(!e)return;e.style.userSelect="";let r=n.orientation==="horizontal"?e.scrollLeft:e.scrollTop,a=u.current,o=Array.from(a).reduce((c,R)=>Math.abs(R-r)<Math.abs(c-r)?R:c,1/0),s=Array.from(a).indexOf(o);requestAnimationFrame(()=>{o!==void 0&&d(s),requestAnimationFrame(()=>{e.style.scrollSnapType=Y()})})}function V(t){z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{let e=n.orientation==="horizontal"?t.deltaX||t.deltaY:t.deltaY||t.deltaX;e>0&&O||e<0&&H||P()},80)}let Y=()=>{var e;return`${n.orientation==="vertical"?"y":"x"} ${(e=n.snapType)!=null?e:"mandatory"}`},Z={position:"relative",scrollSnapType:Y(),overflowX:n.orientation==="vertical"?"":"scroll",overflowY:n.orientation==="horizontal"?"":"scroll",scrollbarWidth:"none",overscrollBehaviorX:n.orientation==="vertical"?"":"contain",overscrollBehaviorY:n.orientation==="horizontal"?"":"contain",display:"flex",flexDirection:n.orientation==="horizontal"?"":"column","--spacing":n.spacing+"px",gap:"var(--spacing)"},L=n.slidesPerPage&&n.slidesPerPage>0?n.slidesPerPage:1,p=n.autoSize?"auto":`calc(100% /${L} - var(--spacing) * (${L} - 1) / ${L})`,ee={scrollSnapAlign:n.align,flexGrow:0,flexShrink:0,minWidth:0,flexBasis:p};return{state:{swiping:v,isNextDisabled:O,isPrevDisabled:H,snapPoints:f,page:m},contentStyles:Z,itemStyles:ee,contentRef:l,onContentPointerDown:j,onContentPointerMove:K,onContentPointerUp:Q,onContentWheel:V,next:U,prev:_,scrollToPage:d,scrollTo:C,scrollToSlide:X,setToClosest:P}}});export{B as defaultProps,ae as useCarousel};
+var le=Object.defineProperty,ue=Object.defineProperties;var fe=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var de=Object.prototype.hasOwnProperty,me=Object.prototype.propertyIsEnumerable;var Z=(t,i,l)=>i in t?le(t,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[i]=l,d=(t,i)=>{for(var l in i||(i={}))de.call(i,l)&&Z(t,l,i[l]);if(V)for(var l of V(i))me.call(i,l)&&Z(t,l,i[l]);return t},b=(t,i)=>ue(t,fe(i));import{withHeadless as ge}from"@primereact/core/headless";import*as r from"react";var ee={orientation:"horizontal",align:"start",loop:!1,snapType:"mandatory",spacing:16,autoSize:!1,slidesPerPage:1,slide:void 0,onSlideChange:void 0,defaultPage:0,page:void 0,onPageChange:void 0};var H="[data-item]";function ve(t,i){if(t.size!==i.size)return!1;for(let l of t)if(!i.has(l))return!1;return!0}var ze=ge({name:"useCarousel",defaultProps:ee,setup({props:t}){var _,j;let[i,l]=r.useState(!1),[O,te]=r.useState(!1),[N,ne]=r.useState(!1),[g,ae]=r.useState(new Set),[f,re]=r.useState((j=(_=t.page)!=null?_:t.defaultPage)!=null?j:0),m=r.useRef(null),v=r.useRef(new Set),w=r.useRef([]),W=r.useRef(!1),T=r.useRef(!1),z=r.useRef(null),E=r.useRef(null),x=r.useRef(null),h=r.useRef(null),R=r.useRef(null),M=r.useRef({x:0,y:0}),C=r.useRef(!1);function X(e){let n=x.current;n&&e.querySelectorAll(H).forEach(a=>n.observe(a))}function Y(e){let n=E.current;n&&e.querySelectorAll(H).forEach(a=>n.observe(a))}function L(){let e=m.current;if(!e)return[];let n=t.orientation!=="vertical",a=n?e.clientWidth:e.clientHeight,o=Math.max(0,n?e.scrollWidth-a:e.scrollHeight-a),s=[];w.current=[],e.querySelectorAll(H).forEach(u=>{let S=n?u.offsetLeft:u.offsetTop,K=n?u.clientWidth:u.clientHeight,I=S;t.align==="center"?I=S-(a-K)/2:t.align==="end"&&(I=S-(a-K));let Q=Math.max(0,Math.min(I,o));w.current.push(Q),s.push(Q)});let c=new Set(s.map(Number));ve(g,c)||(v.current=c,ae(c))}function p(e){var n,a;if(!t.loop){let o=v.current.size||g.size,s=!1,c=!1;e===0&&(c=!0),e===o-1&&(s=!0),te(s),ne(c)}re(e),(n=t.onPageChange)==null||n.call(t,{value:e}),(a=t.onSlideChange)==null||a.call(t,{value:e})}function y(){let e=m.current,n=v.current;if(!e||n.size===0)return;let a=t.orientation==="horizontal"?e.scrollLeft:e.scrollTop,o=Array.from(n).reduce((c,u)=>Math.abs(u-a)<Math.abs(c-a)?u:c,1/0),s=Array.from(n).indexOf(o);return p(s),s}function P(e,n=!1){let a=v.current;if(a.size===0)return;let o=e!=null?e:f,s=t.loop?(o+a.size)%a.size:Math.max(0,Math.min(o,a.size-1));p(s),D(Array.from(a)[s],n)}function k(){P(f+1)}function q(){P(f-1)}function D(e,n=!1){let a=m.current;a&&a.scrollTo({[t.orientation==="horizontal"?"left":"top"]:e,behavior:n?"instant":"smooth"})}function B(e,n=!1){let a=v.current,o=w.current;if(a.size===0||o.length===0)return;let s=Math.max(0,Math.min(e,o.length-1)),c=o[s];D(c,n);let u=Array.from(a).indexOf(c);p(u)}r.useLayoutEffect(()=>{let e=m.current;if(e)return x.current=new ResizeObserver(()=>{L();let n=y();P(n!=null?n:f,!0)}),x.current.observe(e),X(e),L(),()=>{var n;(n=x.current)==null||n.disconnect(),x.current=null}},[]),r.useLayoutEffect(()=>{var n;W.current||t.page!==void 0&&t.page!==null||t.slide!==void 0&&t.slide!==null||(v.current.size||g.size)===0||(W.current=!0,P((n=t.defaultPage)!=null?n:0,!0))},[g,t.page,t.defaultPage]),r.useLayoutEffect(()=>{if(t.page===void 0||t.page===null||t.slide!==void 0&&t.slide!==null||v.current.size===0&&g.size===0)return;let e=!T.current;T.current=!0,P(t.page,e)},[t.page,t.slide,g]),r.useLayoutEffect(()=>{if(t.slide===void 0||t.slide===null||v.current.size===0&&g.size===0)return;let e=!T.current;T.current=!0,B(t.slide,e)},[t.slide,g]),r.useEffect(()=>{let e=m.current;if(e)return z.current=new MutationObserver(n=>{n.forEach(()=>{L(),X(e),Y(e),requestAnimationFrame(()=>{let a=y();P(a!=null?a:f,!0)})})}),z.current.observe(e,{childList:!0,subtree:!0}),()=>{var n;(n=z.current)==null||n.disconnect(),z.current=null}},[]),r.useEffect(()=>{let e=m.current;if(e)return E.current=new IntersectionObserver(n=>{n.forEach(a=>{a.isIntersecting?a.target.setAttribute("data-inview",""):a.target.removeAttribute("data-inview")})},{root:m.current,threshold:.6}),Y(e),()=>{var n;(n=E.current)==null||n.disconnect(),E.current=null}},[]),r.useEffect(()=>{let e=m.current;if(!e)return;let n=()=>{h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{y()},80)};return n(),e.addEventListener("scroll",n,{passive:!0}),()=>{h.current&&clearTimeout(h.current),h.current=null,e.removeEventListener("scroll",n)}},[]),r.useEffect(()=>()=>{R.current&&clearTimeout(R.current),R.current=null},[]);function U(e){e.button===0&&e.pointerType!=="touch"&&(l(!0),M.current={x:e.clientX,y:e.clientY},C.current=!1)}function F(e){var c,u;let n=m.current;if(!i||!n||e.pointerType==="touch")return;let a=e.clientX-M.current.x,o=e.clientY-M.current.y;Math.abs(a)+Math.abs(o)<6||((u=(c=window.getSelection())==null?void 0:c.toString().length)!=null?u:0)>0||(e.currentTarget.setPointerCapture(e.pointerId),n.style.userSelect="none",C.current=!0,n.style.scrollSnapType="none",n.scrollBy({left:-e.movementX,top:-e.movementY,behavior:"instant"}),e.preventDefault())}function J(e){if(l(!1),e.currentTarget.releasePointerCapture(e.pointerId),!C.current)return;let n=m.current;if(!n)return;n.style.userSelect="";let a=t.orientation==="horizontal"?n.scrollLeft:n.scrollTop,o=v.current,s=Array.from(o).reduce((u,S)=>Math.abs(S-a)<Math.abs(u-a)?S:u,1/0),c=Array.from(o).indexOf(s);requestAnimationFrame(()=>{s!==void 0&&P(c),requestAnimationFrame(()=>{n.style.scrollSnapType=A()})})}function $(e){R.current&&clearTimeout(R.current),R.current=setTimeout(()=>{let n=t.orientation==="horizontal"?e.deltaX||e.deltaY:e.deltaY||e.deltaX;n>0&&O||n<0&&N||y()},80)}let A=()=>{var n;return`${t.orientation==="vertical"?"y":"x"} ${(n=t.snapType)!=null?n:"mandatory"}`},G=t.slidesPerPage&&t.slidesPerPage>0?t.slidesPerPage:1,ie={swiping:i,isNextDisabled:O,isPrevDisabled:N,snapPoints:g,page:f},oe=d(d({"data-scope":"carousel","data-part":"root","data-orientation":t.orientation,"data-align":t.align,"data-page":f},i?{"data-swiping":""}:{}),t.autoSize?{"data-autosize":""}:{}),se=b(d(d({ref:m,"data-scope":"carousel","data-part":"content","data-orientation":t.orientation,"data-align":t.align,"data-page":f},t.autoSize?{"data-autosize":""}:{}),i?{"data-swiping":""}:{}),{onPointerDown:U,onPointerMove:F,onPointerUp:J,onWheel:$,style:{"--px-slides-per-page":G,"--px-spacing-items":t.spacing+"px","--px-scroll-snap-type":A(),position:"relative",scrollbarWidth:"none",display:"flex",flexDirection:t.orientation==="vertical"?"column":"row",overflowX:t.orientation==="horizontal"?"scroll":void 0,overflowY:t.orientation==="vertical"?"scroll":void 0,overscrollBehaviorX:t.orientation==="horizontal"?"contain":void 0,overscrollBehaviorY:t.orientation==="vertical"?"contain":void 0,gap:"var(--px-spacing-items)",scrollSnapType:"var(--px-scroll-snap-type)"}}),ce=d({"data-scope":"carousel","data-part":"indicators","data-orientation":t.orientation,"data-align":t.align,"data-page":f},i?{"data-swiping":""}:{});return{state:ie,slidesPerPage:G,rootProps:oe,contentProps:se,indicatorsProps:ce,getItemProps:e=>b(d(d({"data-scope":"carousel","data-part":"item","data-value":e,"data-item":"","data-inview":"false","data-orientation":t.orientation,"data-align":t.align,"data-page":f},i?{"data-swiping":""}:{}),t.autoSize?{"data-autosize":""}:{}),{style:{flexGrow:0,flexShrink:0,minWidth:0,flexBasis:t.autoSize?"auto":"calc(100% / var(--px-slides-per-page) - var(--px-spacing-items) * (var(--px-slides-per-page) - 1) / var(--px-slides-per-page))",scrollSnapAlign:t.align}}),getNextProps:e=>b(d({"data-scope":"carousel","data-part":"next",disabled:e,"data-orientation":t.orientation,"data-align":t.align,"data-page":f,"data-disabled":e},i?{"data-swiping":""}:{}),{onClick:k}),getPrevProps:e=>b(d({"data-scope":"carousel","data-part":"prev",disabled:e,"data-orientation":t.orientation,"data-align":t.align,"data-page":f,"data-disabled":e},i?{"data-swiping":""}:{}),{onClick:q}),getIndicatorProps:e=>{let n=f===e,a=()=>P(e);return b(d(d({"data-scope":"carousel","data-part":"indicator","data-orientation":t.orientation,"data-align":t.align,"data-page":f},n?{"data-active":""}:{}),i?{"data-swiping":""}:{}),{onClick:a})},onContentPointerDown:U,onContentPointerMove:F,onContentPointerUp:J,onContentWheel:$,next:k,prev:q,scrollToPage:P,scrollTo:D,scrollToSlide:B,setToClosest:y,resolveSnapType:A}}});export{ee as defaultProps,ze as useCarousel};
 //# sourceMappingURL=index.mjs.map