@primereact/styles 11.0.0-alpha.8 → 11.0.0-rc.1

package/progressbar/ProgressBar.style.d.ts

@@ -1,10 +1,10 @@
-import type { ProgressBarInstance } from '@primereact/types/shared/progressbar';
+import type { ProgressBarRootInstance } from '@primereact/types/primitive/progressbar';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<ProgressBarInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<ProgressBarInstance>;
+    classes: import("@primereact/types/styles").ClassesType<ProgressBarRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ProgressBarRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/progressbar/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as s}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/progressbar";var p=s({name:"progressbar",style:t,classes:{root:({props:e})=>["p-progressbar p-component",{"p-progressbar-determinate":e.mode==="determinate","p-progressbar-indeterminate":e.mode==="indeterminate"}],value:"p-progressbar-value",label:"p-progressbar-label"},inlineStyles:{value:({props:e,state:r})=>e.mode==="determinate"?{width:r.computedValue+"%",display:"flex"}:void 0}});export{p as styles};
+import{createStyles as r}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/progressbar";var a=r({name:"progressbar",style:o,classes:{root:({props:e})=>["p-progressbar p-component",{"p-progressbar-determinate":e.mode==="determinate","p-progressbar-indeterminate":e.mode==="indeterminate"}],value:"p-progressbar-value",label:"p-progressbar-label"}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/progressbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/progressbar/ProgressBar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressBarInstance } from '@primereact/types/shared/progressbar';\nimport { style } from '@primeuix/styles/progressbar';\n\nexport const styles = createStyles<ProgressBarInstance>({\n    name: 'progressbar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-progressbar p-component',\n            {\n                'p-progressbar-determinate': props.mode === 'determinate',\n                'p-progressbar-indeterminate': props.mode === 'indeterminate'\n            }\n        ],\n        value: 'p-progressbar-value',\n        label: 'p-progressbar-label'\n    },\n    inlineStyles: {\n        value: ({ props, state }) =>\n            props.mode === 'determinate'\n                ? {\n                      width: state.computedValue + '%',\n                      display: 'flex'\n                  }\n                : undefined\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,4BACA,CACI,4BAA6BA,EAAM,OAAS,cAC5C,8BAA+BA,EAAM,OAAS,eAClD,CACJ,EACA,MAAO,sBACP,MAAO,qBACX,EACA,aAAc,CACV,MAAO,CAAC,CAAE,MAAAA,EAAO,MAAAC,CAAM,IACnBD,EAAM,OAAS,cACT,CACI,MAAOC,EAAM,cAAgB,IAC7B,QAAS,MACb,EACA,MACd,CACJ,CAAC","names":["createStyles","style","styles","props","state"]}
+{"version":3,"sources":["../../src/progressbar/ProgressBar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressBarRootInstance } from '@primereact/types/primitive/progressbar';\nimport { style } from '@primeuix/styles/progressbar';\n\nexport const styles = createStyles<ProgressBarRootInstance>({\n    name: 'progressbar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-progressbar p-component',\n            {\n                'p-progressbar-determinate': props.mode === 'determinate',\n                'p-progressbar-indeterminate': props.mode === 'indeterminate'\n            }\n        ],\n        value: 'p-progressbar-value',\n        label: 'p-progressbar-label'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,4BACA,CACI,4BAA6BA,EAAM,OAAS,cAC5C,8BAA+BA,EAAM,OAAS,eAClD,CACJ,EACA,MAAO,sBACP,MAAO,qBACX,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/progressspinner/ProgressSpinner.style.d.ts

@@ -1,10 +1,11 @@
-import type { ProgressSpinnerInstance } from '@primereact/types/shared/progressspinner';
+import type { ProgressSpinnerRootInstance } from '@primereact/types/primitive/progressspinner';
+export declare const style = "\n    .p-progressspinner {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 100px;\n        height: 100px;\n    }\n\n    .p-progressspinner-circle {\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-progressspinner-circle-track {\n        stroke: var(--p-content-border-color);\n    }\n\n    .p-progressspinner-circle-range {\n        stroke: dt('progressspinner.colorOne');\n        stroke-linecap: round;\n        transition: stroke-dashoffset 0.3s;\n    }\n\n    [data-state=\"indeterminate\"] .p-progressspinner-circle {\n        animation: p-progressspinner-rotate 2s linear infinite;\n        transform-origin: center;\n    }\n\n    [data-state=\"indeterminate\"] .p-progressspinner-circle-range {\n        stroke-dasharray: 1, 302;\n        stroke-dashoffset: 0;\n        animation:\n            p-progressspinner-dash 1.5s ease-in-out infinite,\n            p-progressspinner-color 6s ease-in-out infinite;\n    }\n\n    .p-progressspinner-value {\n        fill: var(--p-text-muted-color);\n    }\n\n    @keyframes p-progressspinner-rotate {\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n\n    @keyframes p-progressspinner-dash {\n        0% {\n            stroke-dasharray: 1, 302;\n            stroke-dashoffset: 0;\n        }\n        50% {\n            stroke-dasharray: 136, 302;\n            stroke-dashoffset: -54px;\n        }\n        100% {\n            stroke-dasharray: 1, 302;\n            stroke-dashoffset: -302px;\n        }\n    }\n\n    @keyframes p-progressspinner-color {\n        100%,\n        0% {\n            stroke: dt('progressspinner.color.one');\n        }\n        40% {\n            stroke: dt('progressspinner.color.two');\n        }\n        66% {\n            stroke: dt('progressspinner.color.three');\n        }\n        80%,\n        90% {\n            stroke: dt('progressspinner.color.four');\n        }\n    }\n";
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<ProgressSpinnerInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<ProgressSpinnerInstance>;
+    classes: import("@primereact/types/styles").ClassesType<ProgressSpinnerRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ProgressSpinnerRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/progressspinner/index.mjs

@@ -1,2 +1,81 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/progressspinner";var n=r({name:"progressspinner",style:s,classes:{root:"p-progressspinner",spin:"p-progressspinner-spin",circle:"p-progressspinner-circle"}});export{n as styles};
+import{createStyles as e}from"@primereact/styles/utils";var s=`
+    .p-progressspinner {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 100px;
+        height: 100px;
+    }
+
+    .p-progressspinner-circle {
+        width: 100%;
+        height: 100%;
+    }
+
+    .p-progressspinner-circle-track {
+        stroke: var(--p-content-border-color);
+    }
+
+    .p-progressspinner-circle-range {
+        stroke: dt('progressspinner.colorOne');
+        stroke-linecap: round;
+        transition: stroke-dashoffset 0.3s;
+    }
+
+    [data-state="indeterminate"] .p-progressspinner-circle {
+        animation: p-progressspinner-rotate 2s linear infinite;
+        transform-origin: center;
+    }
+
+    [data-state="indeterminate"] .p-progressspinner-circle-range {
+        stroke-dasharray: 1, 302;
+        stroke-dashoffset: 0;
+        animation:
+            p-progressspinner-dash 1.5s ease-in-out infinite,
+            p-progressspinner-color 6s ease-in-out infinite;
+    }
+
+    .p-progressspinner-value {
+        fill: var(--p-text-muted-color);
+    }
+
+    @keyframes p-progressspinner-rotate {
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+
+    @keyframes p-progressspinner-dash {
+        0% {
+            stroke-dasharray: 1, 302;
+            stroke-dashoffset: 0;
+        }
+        50% {
+            stroke-dasharray: 136, 302;
+            stroke-dashoffset: -54px;
+        }
+        100% {
+            stroke-dasharray: 1, 302;
+            stroke-dashoffset: -302px;
+        }
+    }
+
+    @keyframes p-progressspinner-color {
+        100%,
+        0% {
+            stroke: dt('progressspinner.color.one');
+        }
+        40% {
+            stroke: dt('progressspinner.color.two');
+        }
+        66% {
+            stroke: dt('progressspinner.color.three');
+        }
+        80%,
+        90% {
+            stroke: dt('progressspinner.color.four');
+        }
+    }
+`,o=e({name:"progressspinner",style:s,classes:{root:({props:r})=>["p-progressspinner",{"p-disabled":r.disabled}],circle:"p-progressspinner-circle",circleTrack:"p-progressspinner-circle-track",circleRange:"p-progressspinner-circle-range",value:"p-progressspinner-value"}});export{s as style,o as styles};
 //# sourceMappingURL=index.mjs.map

package/progressspinner/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/progressspinner/ProgressSpinner.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressSpinnerInstance } from '@primereact/types/shared/progressspinner';\nimport { style } from '@primeuix/styles/progressspinner';\n\nexport const styles = createStyles<ProgressSpinnerInstance>({\n    name: 'progressspinner',\n    style,\n    classes: {\n        root: 'p-progressspinner',\n        spin: 'p-progressspinner-spin',\n        circle: 'p-progressspinner-circle'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,mCAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,kBACN,MAAAC,EACA,QAAS,CACL,KAAM,oBACN,KAAM,yBACN,OAAQ,0BACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/progressspinner/ProgressSpinner.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressSpinnerRootInstance } from '@primereact/types/primitive/progressspinner';\n\nexport const style = /*css*/ `\n    .p-progressspinner {\n        position: relative;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 100px;\n        height: 100px;\n    }\n\n    .p-progressspinner-circle {\n        width: 100%;\n        height: 100%;\n    }\n\n    .p-progressspinner-circle-track {\n        stroke: var(--p-content-border-color);\n    }\n\n    .p-progressspinner-circle-range {\n        stroke: dt('progressspinner.colorOne');\n        stroke-linecap: round;\n        transition: stroke-dashoffset 0.3s;\n    }\n\n    [data-state=\"indeterminate\"] .p-progressspinner-circle {\n        animation: p-progressspinner-rotate 2s linear infinite;\n        transform-origin: center;\n    }\n\n    [data-state=\"indeterminate\"] .p-progressspinner-circle-range {\n        stroke-dasharray: 1, 302;\n        stroke-dashoffset: 0;\n        animation:\n            p-progressspinner-dash 1.5s ease-in-out infinite,\n            p-progressspinner-color 6s ease-in-out infinite;\n    }\n\n    .p-progressspinner-value {\n        fill: var(--p-text-muted-color);\n    }\n\n    @keyframes p-progressspinner-rotate {\n        100% {\n            transform: rotate(360deg);\n        }\n    }\n\n    @keyframes p-progressspinner-dash {\n        0% {\n            stroke-dasharray: 1, 302;\n            stroke-dashoffset: 0;\n        }\n        50% {\n            stroke-dasharray: 136, 302;\n            stroke-dashoffset: -54px;\n        }\n        100% {\n            stroke-dasharray: 1, 302;\n            stroke-dashoffset: -302px;\n        }\n    }\n\n    @keyframes p-progressspinner-color {\n        100%,\n        0% {\n            stroke: dt('progressspinner.color.one');\n        }\n        40% {\n            stroke: dt('progressspinner.color.two');\n        }\n        66% {\n            stroke: dt('progressspinner.color.three');\n        }\n        80%,\n        90% {\n            stroke: dt('progressspinner.color.four');\n        }\n    }\n`;\n\nexport const styles = createStyles<ProgressSpinnerRootInstance>({\n    name: 'progressspinner',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-progressspinner',\n            {\n                'p-disabled': props.disabled\n            }\n        ],\n        circle: 'p-progressspinner-circle',\n        circleTrack: 'p-progressspinner-circle-track',\n        circleRange: 'p-progressspinner-circle-range',\n        value: 'p-progressspinner-value'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiFhBC,EAASF,EAA0C,CAC5D,KAAM,kBACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,oBACA,CACI,aAAcA,EAAM,QACxB,CACJ,EACA,OAAQ,2BACR,YAAa,iCACb,YAAa,iCACb,MAAO,yBACX,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/radiobutton/RadioButton.style.d.ts

@@ -1,10 +1,10 @@
-import type { RadioButtonInstance } from '@primereact/types/shared/radiobutton';
+import type { RadioButtonRootInstance } from '@primereact/types/primitive/radiobutton';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<RadioButtonInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<RadioButtonInstance>;
+    classes: import("@primereact/types/styles").ClassesType<RadioButtonRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<RadioButtonRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/radiobutton/index.d.ts

@@ -1,2 +1 @@
 export * from './RadioButton.style';
-export * from './RadioButtonGroup.style';

package/radiobutton/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as i}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/radiobutton";var l=i({name:"radiobutton",style:a,classes:{root:({instance:o,props:t})=>{var r,e,p;return["p-radiobutton p-component",{"p-radiobutton-checked":o.state.checked===!0,"p-disabled":((r=o.group)==null?void 0:r.props.disabled)===!0||t.disabled===!0,"p-invalid":(e=o.group)!=null&&e.props.invalid?((p=o.group)==null?void 0:p.props.invalid)===!0:t.invalid===!0,"p-variant-filled":t.variant==="filled","p-radiobutton-sm p-inputfield-sm":t.size==="small","p-radiobutton-lg p-inputfield-lg":t.size==="large"}]},box:"p-radiobutton-box",input:"p-radiobutton-input",icon:"p-radiobutton-icon",group:"p-radiobutton-group p-component"}});import{createStyles as n}from"@primereact/styles/utils";import{style as u}from"@primeuix/styles/radiobuttongroup";var f=n({name:"radiobuttongroup",style:u,classes:{root:"p-radiobutton-group p-component"}});export{f as groupStyles,l as styles};
+import{createStyles as p}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/radiobutton";var u=p({name:"radiobutton",style:a,classes:{root:({instance:o,props:t})=>{var i,r,e;return["p-radiobutton p-component",{"p-radiobutton-checked":o.state.checked===!0,"p-disabled":((i=o.group)==null?void 0:i.props.disabled)===!0||t.disabled===!0,"p-invalid":(r=o.group)!=null&&r.props.invalid?((e=o.group)==null?void 0:e.props.invalid)===!0:t.invalid===!0,"p-variant-filled":t.variant==="filled","p-radiobutton-sm p-inputfield-sm":t.size==="small","p-radiobutton-lg p-inputfield-lg":t.size==="large"}]},box:"p-radiobutton-box",input:"p-radiobutton-input",indicator:"p-radiobutton-icon",group:"p-radiobutton-group p-component"}});export{u as styles};
 //# sourceMappingURL=index.mjs.map

package/radiobutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/radiobutton/RadioButton.style.ts","../../src/radiobutton/RadioButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonInstance } from '@primereact/types/shared/radiobutton';\nimport { style } from '@primeuix/styles/radiobutton';\n\nexport const styles = createStyles<RadioButtonInstance>({\n    name: 'radiobutton',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-radiobutton p-component',\n            {\n                'p-radiobutton-checked': instance.state.checked === true,\n                'p-disabled': instance.group?.props.disabled === true || props.disabled === true,\n                'p-invalid': instance.group?.props.invalid ? instance.group?.props.invalid === true : props.invalid === true,\n                'p-variant-filled': props.variant === 'filled',\n                'p-radiobutton-sm p-inputfield-sm': props.size === 'small',\n                'p-radiobutton-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-radiobutton-box',\n        input: 'p-radiobutton-input',\n        icon: 'p-radiobutton-icon',\n        group: 'p-radiobutton-group p-component'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonGroupInstance } from '@primereact/types/shared/radiobutton';\nimport { style } from '@primeuix/styles/radiobuttongroup';\n\nexport const groupStyles = createStyles<RadioButtonGroupInstance>({\n    name: 'radiobuttongroup',\n    style,\n    classes: {\n        root: 'p-radiobutton-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAG,CARpC,IAAAC,EAAAC,EAAAC,EAQuC,OAC3B,4BACA,CACI,wBAAyBJ,EAAS,MAAM,UAAY,GACpD,eAAcE,EAAAF,EAAS,QAAT,YAAAE,EAAgB,MAAM,YAAa,IAAQD,EAAM,WAAa,GAC5E,aAAaE,EAAAH,EAAS,QAAT,MAAAG,EAAgB,MAAM,UAAUC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAM,WAAY,GAAOH,EAAM,UAAY,GACxG,mBAAoBA,EAAM,UAAY,SACtC,mCAAoCA,EAAM,OAAS,QACnD,mCAAoCA,EAAM,OAAS,OACvD,CACJ,GACA,IAAK,oBACL,MAAO,sBACP,KAAM,qBACN,MAAO,iCACX,CACJ,CAAC,ECxBD,OAAS,gBAAAI,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,oCAEf,IAAMC,EAAcF,EAAuC,CAC9D,KAAM,mBACN,MAAAC,EACA,QAAS,CACL,KAAM,iCACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props","_a","_b","_c","createStyles","style","groupStyles"]}
+{"version":3,"sources":["../../src/radiobutton/RadioButton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonRootInstance } from '@primereact/types/primitive/radiobutton';\nimport { style } from '@primeuix/styles/radiobutton';\n\nexport const styles = createStyles<RadioButtonRootInstance>({\n    name: 'radiobutton',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-radiobutton p-component',\n            {\n                'p-radiobutton-checked': instance.state.checked === true,\n                'p-disabled': instance.group?.props.disabled === true || props.disabled === true,\n                'p-invalid': instance.group?.props.invalid ? instance.group?.props.invalid === true : props.invalid === true,\n                'p-variant-filled': props.variant === 'filled',\n                'p-radiobutton-sm p-inputfield-sm': props.size === 'small',\n                'p-radiobutton-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-radiobutton-box',\n        input: 'p-radiobutton-input',\n        indicator: 'p-radiobutton-icon',\n        group: 'p-radiobutton-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAG,CARpC,IAAAC,EAAAC,EAAAC,EAQuC,OAC3B,4BACA,CACI,wBAAyBJ,EAAS,MAAM,UAAY,GACpD,eAAcE,EAAAF,EAAS,QAAT,YAAAE,EAAgB,MAAM,YAAa,IAAQD,EAAM,WAAa,GAC5E,aAAaE,EAAAH,EAAS,QAAT,MAAAG,EAAgB,MAAM,UAAUC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAM,WAAY,GAAOH,EAAM,UAAY,GACxG,mBAAoBA,EAAM,UAAY,SACtC,mCAAoCA,EAAM,OAAS,QACnD,mCAAoCA,EAAM,OAAS,OACvD,CACJ,GACA,IAAK,oBACL,MAAO,sBACP,UAAW,qBACX,MAAO,iCACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props","_a","_b","_c"]}

package/{radiobutton → radiobuttongroup}/RadioButtonGroup.style.d.ts

@@ -1,5 +1,5 @@
-import type { RadioButtonGroupInstance } from '@primereact/types/shared/radiobutton';
-export declare const groupStyles: {
+import type { RadioButtonGroupInstance } from '@primereact/types/primitive/radiobuttongroup';
+export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;

package/radiobuttongroup/index.d.ts

@@ -0,0 +1 @@
+export * from './RadioButtonGroup.style';

package/radiobuttongroup/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/radiobuttongroup";var p=o({name:"radiobuttongroup",style:t,classes:{root:"p-radiobutton-group p-component"}});export{p as styles};
+//# sourceMappingURL=index.mjs.map

package/radiobuttongroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/radiobuttongroup/RadioButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonGroupInstance } from '@primereact/types/primitive/radiobuttongroup';\nimport { style } from '@primeuix/styles/radiobuttongroup';\n\nexport const styles = createStyles<RadioButtonGroupInstance>({\n    name: 'radiobuttongroup',\n    style,\n    classes: {\n        root: 'p-radiobutton-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,oCAEf,IAAMC,EAASF,EAAuC,CACzD,KAAM,mBACN,MAAAC,EACA,QAAS,CACL,KAAM,iCACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/rating/Rating.style.d.ts

@@ -1,10 +1,10 @@
-import type { RatingInstance } from '@primereact/types/shared/rating';
+import type { RatingRootInstance } from '@primereact/types/primitive/rating';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<RatingInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<RatingInstance>;
+    classes: import("@primereact/types/styles").ClassesType<RatingRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<RatingRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/rating/index.mjs

@@ -1,67 +1,2 @@
-import{createStyles as n}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/rating";var o=`
-        ${i}
-        .p-rating-option {
-            position: relative; /* new added */
-            transition:
-                background dt('rating.transition.duration'),
-                color dt('rating.transition.duration'),
-                border-color dt('rating.transition.duration'),
-                outline-color dt('rating.transition.duration'),
-                box-shadow dt('rating.transition.duration'),
-                transform 0.1s ease-in-out; /* new added */;
-        }
-
-        .p-rating-option:hover{
-            transform: scale(1.2);
-        }
-        .p-rating-option:active{
-            transform: scale(0.95);
-        }
-        .p-rating.p-readonly .p-rating-option {
-            cursor: not-allowed;
-        }
-
-        .p-rating-option-star{
-            width: dt('rating.icon.size');
-            height: dt('rating.icon.size');
-            color: dt('rating.icon.hover.color');
-        }
-        .p-rating-option-star.p-invalid{
-            stroke: dt('rating.invalid.icon.color');
-        }
-
-        .p-rating-option-on{
-            display: inline-flex;
-            position: absolute;
-            width: 50%;
-            height: 100%;
-        }
-        .p-rating-option-on-element{
-            pointer-events: none;
-            display: inline-flex;
-        }
-        .p-rating-option-on-element-filled{
-            opacity:1;
-        }
-        .p-rating-option-on-element-half{
-            clip-path: inset(0 50% 0 0);
-        }
-        .p-rating-option-on-element-empty{
-            opacity:0;
-        }
-
-        .p-rating-option-off{
-            display: inline-flex;
-        }
-        .p-rating-option-off-element{
-            pointer-events: none;
-            display: inline-flex;
-        }
-        .p-rating-option-off-element-filled{
-            opacity:0;
-        }
-        .p-rating-option-off-element-half{
-            clip-path: inset(0 0 0 50%);
-        }
-`,r=n({name:"rating",style:o,classes:{root:({props:t})=>["p-rating",{"p-readonly":t.readOnly,"p-disabled":t.disabled}],option:({context:t})=>["p-rating-option",{"p-rating-option-active":t.active,"p-focus-visible":t.focused}],optionOn:"p-rating-option-on",optionOnElement:({context:t})=>["p-rating-option-on-element",`p-rating-option-on-element-${t.state}`],optionOff:"p-rating-option-off",optionOffElement:({context:t})=>["p-rating-option-off-element",`p-rating-option-off-element-${t.state}`],optionStar:({props:t})=>["p-rating-option-star",{"p-invalid":t.invalid}]}});export{r as styles};
+import{createStyles as o}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/rating";var a=o({name:"rating",style:n,classes:{root:({props:t})=>["p-rating p-component",{"p-disabled":t.disabled,"p-readonly":t.readOnly,"p-invalid":t.invalid}],option:"p-rating-option",onIcon:"p-rating-on-icon",offIcon:"p-rating-off-icon"}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/rating/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/rating/Rating.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RatingInstance } from '@primereact/types/shared/rating';\nimport { style } from '@primeuix/styles/rating';\n\nconst theme = `\n        ${style}\n        .p-rating-option {\n            position: relative; /* new added */\n            transition:\n                background dt('rating.transition.duration'),\n                color dt('rating.transition.duration'),\n                border-color dt('rating.transition.duration'),\n                outline-color dt('rating.transition.duration'),\n                box-shadow dt('rating.transition.duration'),\n                transform 0.1s ease-in-out; /* new added */;\n        }\n\n        .p-rating-option:hover{\n            transform: scale(1.2);\n        }\n        .p-rating-option:active{\n            transform: scale(0.95);\n        }\n        .p-rating.p-readonly .p-rating-option {\n            cursor: not-allowed;\n        }\n\n        .p-rating-option-star{\n            width: dt('rating.icon.size');\n            height: dt('rating.icon.size');\n            color: dt('rating.icon.hover.color');\n        }\n        .p-rating-option-star.p-invalid{\n            stroke: dt('rating.invalid.icon.color');\n        }\n\n        .p-rating-option-on{\n            display: inline-flex;\n            position: absolute;\n            width: 50%;\n            height: 100%;\n        }\n        .p-rating-option-on-element{\n            pointer-events: none;\n            display: inline-flex;\n        }\n        .p-rating-option-on-element-filled{\n            opacity:1;\n        }\n        .p-rating-option-on-element-half{\n            clip-path: inset(0 50% 0 0);\n        }\n        .p-rating-option-on-element-empty{\n            opacity:0;\n        }\n\n        .p-rating-option-off{\n            display: inline-flex;\n        }\n        .p-rating-option-off-element{\n            pointer-events: none;\n            display: inline-flex;\n        }\n        .p-rating-option-off-element-filled{\n            opacity:0;\n        }\n        .p-rating-option-off-element-half{\n            clip-path: inset(0 0 0 50%);\n        }\n`;\n\nexport const styles = createStyles<RatingInstance>({\n    name: 'rating',\n    style: theme,\n    classes: {\n        root: ({ props }) => [\n            'p-rating',\n            {\n                'p-readonly': props.readOnly,\n                'p-disabled': props.disabled\n            }\n        ],\n        option: ({ context }) => [\n            'p-rating-option',\n            {\n                'p-rating-option-active': context.active,\n                'p-focus-visible': context.focused\n            }\n        ],\n        optionOn: 'p-rating-option-on',\n        optionOnElement: ({ context }) => ['p-rating-option-on-element', `p-rating-option-on-element-${context.state}`],\n        optionOff: 'p-rating-option-off',\n        optionOffElement: ({ context }) => ['p-rating-option-off-element', `p-rating-option-off-element-${context.state}`],\n        optionStar: ({ props }) => [\n            'p-rating-option-star',\n            {\n                'p-invalid': props.invalid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEtB,IAAMC,EAAQ;AAAA,UACJD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkEFE,EAASH,EAA6B,CAC/C,KAAM,SACN,MAAOE,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,WACA,CACI,aAAcA,EAAM,SACpB,aAAcA,EAAM,QACxB,CACJ,EACA,OAAQ,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACrB,kBACA,CACI,yBAA0BA,EAAQ,OAClC,kBAAmBA,EAAQ,OAC/B,CACJ,EACA,SAAU,qBACV,gBAAiB,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,6BAA8B,8BAA8BA,EAAQ,KAAK,EAAE,EAC9G,UAAW,sBACX,iBAAkB,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+B,+BAA+BA,EAAQ,KAAK,EAAE,EACjH,WAAY,CAAC,CAAE,MAAAD,CAAM,IAAM,CACvB,uBACA,CACI,YAAaA,EAAM,OACvB,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","theme","styles","props","context"]}
+{"version":3,"sources":["../../src/rating/Rating.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RatingRootInstance } from '@primereact/types/primitive/rating';\nimport { style } from '@primeuix/styles/rating';\n\nexport const styles = createStyles<RatingRootInstance>({\n    name: 'rating',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-rating p-component',\n            {\n                'p-disabled': props.disabled,\n                'p-readonly': props.readOnly,\n                'p-invalid': props.invalid\n            }\n        ],\n        option: 'p-rating-option',\n        onIcon: 'p-rating-on-icon',\n        offIcon: 'p-rating-off-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,aAAcA,EAAM,SACpB,aAAcA,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,kBACR,OAAQ,mBACR,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/scrollarea/ScrollArea.style.d.ts

@@ -1,10 +1,10 @@
-import type { ScrollAreaInstance } from '@primereact/types/shared/scrollarea';
+import type { ScrollAreaRootInstance } from '@primereact/types/primitive/scrollarea';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<ScrollAreaInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<ScrollAreaInstance>;
+    classes: import("@primereact/types/styles").ClassesType<ScrollAreaRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ScrollAreaRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/scrollarea/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as l}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/scrollpanel";var t=l({name:"scrollpanel",style:r,classes:{root:"p-scrollpanel p-component",viewport:"p-scrollpanel-content-container",content:"p-scrollpanel-content",thumbX:"p-scrollpanel-bar p-scrollpanel-bar-x",thumbY:"p-scrollpanel-bar p-scrollpanel-bar-y"}});export{t as styles};
+import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/scrollarea";var t=o({name:"scrollarea",style:e,classes:{root:({props:r})=>["p-scrollarea p-component",{"p-scrollarea-mask":r.mask}],viewport:"p-scrollarea-viewport",content:"p-scrollarea-content",scrollbar:"p-scrollarea-scrollbar",handle:"p-scrollarea-handle",corner:"p-scrollarea-corner"}});export{t as styles};
 //# sourceMappingURL=index.mjs.map

package/scrollarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/scrollarea/ScrollArea.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ScrollAreaInstance } from '@primereact/types/shared/scrollarea';\nimport { style } from '@primeuix/styles/scrollpanel';\n\nexport const styles = createStyles<ScrollAreaInstance>({\n    name: 'scrollpanel',\n    style,\n    classes: {\n        root: 'p-scrollpanel p-component',\n        viewport: 'p-scrollpanel-content-container',\n        content: 'p-scrollpanel-content',\n        thumbX: 'p-scrollpanel-bar p-scrollpanel-bar-x',\n        thumbY: 'p-scrollpanel-bar p-scrollpanel-bar-y'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,4BACN,SAAU,kCACV,QAAS,wBACT,OAAQ,wCACR,OAAQ,uCACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/scrollarea/ScrollArea.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ScrollAreaRootInstance } from '@primereact/types/primitive/scrollarea';\nimport { style } from '@primeuix/styles/scrollarea';\n\nexport const styles = createStyles<ScrollAreaRootInstance>({\n    name: 'scrollarea',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-scrollarea p-component',\n            {\n                'p-scrollarea-mask': props.mask\n            }\n        ],\n        viewport: 'p-scrollarea-viewport',\n        content: 'p-scrollarea-content',\n        scrollbar: 'p-scrollarea-scrollbar',\n        handle: 'p-scrollarea-handle',\n        corner: 'p-scrollarea-corner'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,2BACA,CACI,oBAAqBA,EAAM,IAC/B,CACJ,EACA,SAAU,wBACV,QAAS,uBACT,UAAW,yBACX,OAAQ,sBACR,OAAQ,qBACZ,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/{imagecompare/ImageCompare.style.d.ts → select/Select.style.d.ts}

@@ -1,10 +1,10 @@
-import type { ImageCompareInstance } from '@primereact/types/shared/imagecompare';
+import type { SelectRootInstance } from '@primereact/types/primitive/select';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<ImageCompareInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<ImageCompareInstance>;
+    classes: import("@primereact/types/styles").ClassesType<SelectRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<SelectRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select.style';

package/select/index.mjs

@@ -0,0 +1,79 @@
+import{createStyles as p}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/select";var s=`
+${a}
+
+/* For PrimeReact */
+.p-select-popup {
+    position: relative;
+    background: dt('select.overlay.background');
+    color: dt('select.overlay.color');
+    border: 1px solid dt('select.overlay.border.color');
+    border-radius: dt('select.overlay.border.radius');
+    box-shadow: dt('select.overlay.shadow');
+    width: var(--px-positioner-anchor-width, max-content);
+    transform-origin: var(--px-transform-origin);
+    will-change: transform, opacity;
+}
+
+.p-select-trigger {
+    display: inline-flex;
+    width: 100%;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.p-select-value {
+    text-align: left;
+}
+
+.p-select-clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    align-self: center;
+    cursor: pointer;
+}
+
+.p-select-list {
+    border: unset;
+    overflow: auto;
+}
+
+.p-select-option {
+    flex-shrink: 0;
+}
+
+.p-select-arrow {
+    position: absolute;
+    border: 1px solid dt('select.overlay.border.color');
+    background: dt('select.overlay.background');
+    width: 0.75rem;
+    height: 0.75rem;
+    border-bottom-left-radius: 3px;
+    clip-path: polygon(0 100%, 0 0, 100% 100%);
+
+    &[data-side='top'] {
+        left: var(--px-placer-arrow-x);
+        bottom: -0.375rem;
+        transform: translateX(-50%) rotate(-45deg);
+    }
+
+    &[data-side='bottom'] {
+        left: var(--px-placer-arrow-x);
+        top: -0.375rem;
+        transform: translateX(-50%) rotate(135deg);
+    }
+
+    &[data-side='left'] {
+        top: var(--px-placer-arrow-y);
+        right: -0.375rem;
+        transform: translateY(-50%) rotate(-135deg);
+    }
+
+    &[data-side='right'] {
+        top: var(--px-placer-arrow-y);
+        left: -0.375rem;
+        transform: translateY(-50%) rotate(45deg);
+    }
+}
+`,c=p({name:"select",style:s,classes:{root:({instance:e,props:r,context:o,state:l})=>{var t;return["p-select p-component p-inputwrapper",{"p-invalid":r.invalid,"p-focus":l.focused,"p-variant-filled":r.variant==="filled","p-inputwrapper-filled":e==null?void 0:e.hasValue(),"p-inputwrapper-focus":l.focused||l.opened,"p-select-fluid":(t=r.fluid)!=null?t:o.$fluid,"p-disabled":r.disabled,"p-select-sm p-inputfield-sm":r.size==="small","p-select-lg p-inputfield-lg":r.size==="large"}]},clear:"p-select-clear",indicator:"p-select-indicator p-select-dropdown",trigger:"p-select-trigger",value:({context:e})=>["p-select-value p-select-label",{"p-select-value-empty p-select-label-empty":e==null?void 0:e.empty,"p-placeholder":e==null?void 0:e.showPlaceholder}],positioner:"p-select-positioner",popup:"p-select-popup",header:"p-select-header",filter:"p-select-filter",list:"p-select-list",options:"p-select-options",option:({context:e})=>["p-select-option",{"p-focus":e==null?void 0:e.focused,"p-disabled":e==null?void 0:e.disabled,"p-select-option-selected":e==null?void 0:e.selected}],optionGroup:"p-select-option-group",optionIndicator:"p-select-option-indicator",arrow:"p-select-arrow",empty:"p-select-empty-message"}});export{c as styles};
+//# sourceMappingURL=index.mjs.map

package/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/select/Select.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SelectRootInstance } from '@primereact/types/primitive/select';\nimport { style as select_style } from '@primeuix/styles/select';\n\nconst style = /*css*/ `\n${select_style}\n\n/* For PrimeReact */\n.p-select-popup {\n    position: relative;\n    background: dt('select.overlay.background');\n    color: dt('select.overlay.color');\n    border: 1px solid dt('select.overlay.border.color');\n    border-radius: dt('select.overlay.border.radius');\n    box-shadow: dt('select.overlay.shadow');\n    width: var(--px-positioner-anchor-width, max-content);\n    transform-origin: var(--px-transform-origin);\n    will-change: transform, opacity;\n}\n\n.p-select-trigger {\n    display: inline-flex;\n    width: 100%;\n    outline: 0 none;\n    cursor: pointer;\n}\n\n.p-select-value {\n    text-align: left;\n}\n\n.p-select-clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    align-self: center;\n    cursor: pointer;\n}\n\n.p-select-list {\n    border: unset;\n    overflow: auto;\n}\n\n.p-select-option {\n    flex-shrink: 0;\n}\n\n.p-select-arrow {\n    position: absolute;\n    border: 1px solid dt('select.overlay.border.color');\n    background: dt('select.overlay.background');\n    width: 0.75rem;\n    height: 0.75rem;\n    border-bottom-left-radius: 3px;\n    clip-path: polygon(0 100%, 0 0, 100% 100%);\n\n    &[data-side='top'] {\n        left: var(--px-placer-arrow-x);\n        bottom: -0.375rem;\n        transform: translateX(-50%) rotate(-45deg);\n    }\n\n    &[data-side='bottom'] {\n        left: var(--px-placer-arrow-x);\n        top: -0.375rem;\n        transform: translateX(-50%) rotate(135deg);\n    }\n\n    &[data-side='left'] {\n        top: var(--px-placer-arrow-y);\n        right: -0.375rem;\n        transform: translateY(-50%) rotate(-135deg);\n    }\n\n    &[data-side='right'] {\n        top: var(--px-placer-arrow-y);\n        left: -0.375rem;\n        transform: translateY(-50%) rotate(45deg);\n    }\n}\n`;\n\nexport const styles = createStyles<SelectRootInstance>({\n    name: 'select',\n    style,\n    classes: {\n        root: ({ instance, props, context, state }) => [\n            'p-select p-component p-inputwrapper',\n            {\n                'p-invalid': props.invalid,\n                'p-focus': state.focused,\n                'p-variant-filled': props.variant === 'filled',\n                'p-inputwrapper-filled': instance?.hasValue(),\n                'p-inputwrapper-focus': state.focused || state.opened,\n                'p-select-fluid': props.fluid ?? context.$fluid,\n                'p-disabled': props.disabled,\n                'p-select-sm p-inputfield-sm': props.size === 'small',\n                'p-select-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        clear: 'p-select-clear',\n        indicator: 'p-select-indicator p-select-dropdown',\n        trigger: 'p-select-trigger',\n        value: ({ context }) => [\n            'p-select-value p-select-label',\n            {\n                'p-select-value-empty p-select-label-empty': context?.empty,\n                'p-placeholder': context?.showPlaceholder\n            }\n        ],\n        positioner: 'p-select-positioner',\n        popup: 'p-select-popup',\n        header: 'p-select-header',\n        filter: 'p-select-filter',\n        list: 'p-select-list',\n        options: 'p-select-options',\n        option: ({ context }) => [\n            'p-select-option',\n            {\n                'p-focus': context?.focused,\n                'p-disabled': context?.disabled,\n                'p-select-option-selected': context?.selected\n            }\n        ],\n        optionGroup: 'p-select-option-group',\n        optionIndicator: 'p-select-option-indicator',\n        arrow: 'p-select-arrow',\n        empty: 'p-select-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAoB,0BAEtC,IAAMC,EAAgB;AAAA,EACpBD,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8EDE,EAASH,EAAiC,CACnD,KAAM,SACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,QAAAC,EAAS,MAAAC,CAAM,IAAG,CAvFpD,IAAAC,EAuFuD,OAC3C,sCACA,CACI,YAAaH,EAAM,QACnB,UAAWE,EAAM,QACjB,mBAAoBF,EAAM,UAAY,SACtC,wBAAyBD,GAAA,YAAAA,EAAU,WACnC,uBAAwBG,EAAM,SAAWA,EAAM,OAC/C,kBAAkBC,EAAAH,EAAM,QAAN,KAAAG,EAAeF,EAAQ,OACzC,aAAcD,EAAM,SACpB,8BAA+BA,EAAM,OAAS,QAC9C,8BAA+BA,EAAM,OAAS,OAClD,CACJ,GACA,MAAO,iBACP,UAAW,uCACX,QAAS,mBACT,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACpB,gCACA,CACI,4CAA6CA,GAAA,YAAAA,EAAS,MACtD,gBAAiBA,GAAA,YAAAA,EAAS,eAC9B,CACJ,EACA,WAAY,sBACZ,MAAO,iBACP,OAAQ,kBACR,OAAQ,kBACR,KAAM,gBACN,QAAS,mBACT,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACrB,kBACA,CACI,UAAWA,GAAA,YAAAA,EAAS,QACpB,aAAcA,GAAA,YAAAA,EAAS,SACvB,2BAA4BA,GAAA,YAAAA,EAAS,QACzC,CACJ,EACA,YAAa,wBACb,gBAAiB,4BACjB,MAAO,iBACP,MAAO,wBACX,CACJ,CAAC","names":["createStyles","select_style","style","styles","instance","props","context","state","_a"]}

package/sidebar/Sidebar.style.d.ts

@@ -0,0 +1,15 @@
+import type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<SidebarRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<SidebarRootInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/sidebar/SidebarLayout.style.d.ts

@@ -0,0 +1,15 @@
+import type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';
+export declare const layoutStyles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<SidebarRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<SidebarRootInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/sidebar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Sidebar.style';
+export * from './SidebarLayout.style';

package/sidebar/index.mjs

@@ -0,0 +1,55 @@
+import{createStyles as e}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/sidebar";var i=`
+${a}
+
+/* For PrimeReact */
+.p-sidebar-menu-item[data-collapsible] > .p-sidebar-menu-sub {
+    height: var(--sidebar-menu-sub-height, auto);
+}
+
+.p-sidebar-menu-sub-enter-from,
+.p-sidebar-menu-sub-leave-to {
+    opacity: 0;
+}
+
+.p-sidebar-menu-sub-enter-active,
+.p-sidebar-menu-sub-leave-active {
+    transition: height 200ms ease-out, opacity 200ms ease-out;
+}
+
+
+/*
+ * Badge: only has opacity transition, so we can safely use a delayed
+ * fade-in (waits for aside width transition) and fast fade-out.
+ */
+.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-badge {
+    opacity: 1;
+    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms;
+}
+
+.p-sidebar[data-collapsible="icon"] .p-sidebar-menu-item .p-sidebar-menu-badge {
+    display: flex;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1);
+}
+
+/*
+ * Action: base already transitions opacity + color + background. Keep
+ * those intact (hover should stay snappy). We only add a delayed
+ * opacity ramp on top of the base by listing all three properties.
+ * The :not([data-show-on-hover]) carve-out preserves the existing
+ * show-on-hover opacity logic.
+ */
+.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-action:not([data-show-on-hover]) {
+    opacity: 1;
+    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms, color 150ms, background 150ms;
+}
+
+.p-sidebar[data-collapsible="icon"] .p-sidebar-menu-item .p-sidebar-menu-action {
+    display: flex;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1), color 150ms, background 150ms;
+}
+`,o=e({name:"sidebar",style:i,classes:{root:"p-sidebar p-component",spacer:"p-sidebar-spacer",aside:"p-sidebar-aside",panel:"p-sidebar-panel",header:"p-sidebar-header",content:"p-sidebar-content",footer:"p-sidebar-footer",group:"p-sidebar-group",groupLabel:"p-sidebar-group-label",groupAction:"p-sidebar-group-action",groupContent:"p-sidebar-group-content",menu:"p-sidebar-menu",menuItem:"p-sidebar-menu-item",menuButton:"p-sidebar-menu-button",menuAction:"p-sidebar-menu-action",menuBadge:"p-sidebar-menu-badge",menuSub:"p-sidebar-menu-sub",menuSubItem:"p-sidebar-menu-sub-item",menuSubButton:"p-sidebar-menu-sub-button",trigger:"p-sidebar-trigger",rail:"p-sidebar-rail"}});import{createStyles as t}from"@primereact/styles/utils";var b=t({name:"sidebarlayout",classes:{layout:"p-sidebar-layout",main:"p-sidebar-main",backdrop:"p-sidebar-backdrop p-overlay-mask"}});export{b as layoutStyles,o as styles};
+//# sourceMappingURL=index.mjs.map

package/sidebar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/Sidebar.style.ts","../../src/sidebar/SidebarLayout.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';\nimport { style as sidebar_style } from '@primeuix/styles/sidebar';\n\nconst style = /*css*/ `\n${sidebar_style}\n\n/* For PrimeReact */\n.p-sidebar-menu-item[data-collapsible] > .p-sidebar-menu-sub {\n    height: var(--sidebar-menu-sub-height, auto);\n}\n\n.p-sidebar-menu-sub-enter-from,\n.p-sidebar-menu-sub-leave-to {\n    opacity: 0;\n}\n\n.p-sidebar-menu-sub-enter-active,\n.p-sidebar-menu-sub-leave-active {\n    transition: height 200ms ease-out, opacity 200ms ease-out;\n}\n\n\n/*\n * Badge: only has opacity transition, so we can safely use a delayed\n * fade-in (waits for aside width transition) and fast fade-out.\n */\n.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-badge {\n    opacity: 1;\n    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms;\n}\n\n.p-sidebar[data-collapsible=\"icon\"] .p-sidebar-menu-item .p-sidebar-menu-badge {\n    display: flex;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1);\n}\n\n/*\n * Action: base already transitions opacity + color + background. Keep\n * those intact (hover should stay snappy). We only add a delayed\n * opacity ramp on top of the base by listing all three properties.\n * The :not([data-show-on-hover]) carve-out preserves the existing\n * show-on-hover opacity logic.\n */\n.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-action:not([data-show-on-hover]) {\n    opacity: 1;\n    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms, color 150ms, background 150ms;\n}\n\n.p-sidebar[data-collapsible=\"icon\"] .p-sidebar-menu-item .p-sidebar-menu-action {\n    display: flex;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1), color 150ms, background 150ms;\n}\n`;\n\nexport const styles = createStyles<SidebarRootInstance>({\n    name: 'sidebar',\n    style,\n    classes: {\n        root: 'p-sidebar p-component',\n        spacer: 'p-sidebar-spacer',\n        aside: 'p-sidebar-aside',\n        panel: 'p-sidebar-panel',\n        header: 'p-sidebar-header',\n        content: 'p-sidebar-content',\n        footer: 'p-sidebar-footer',\n        group: 'p-sidebar-group',\n        groupLabel: 'p-sidebar-group-label',\n        groupAction: 'p-sidebar-group-action',\n        groupContent: 'p-sidebar-group-content',\n        menu: 'p-sidebar-menu',\n        menuItem: 'p-sidebar-menu-item',\n        menuButton: 'p-sidebar-menu-button',\n        menuAction: 'p-sidebar-menu-action',\n        menuBadge: 'p-sidebar-menu-badge',\n        menuSub: 'p-sidebar-menu-sub',\n        menuSubItem: 'p-sidebar-menu-sub-item',\n        menuSubButton: 'p-sidebar-menu-sub-button',\n        trigger: 'p-sidebar-trigger',\n        rail: 'p-sidebar-rail'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';\n\nexport const layoutStyles = createStyles<SidebarRootInstance>({\n    name: 'sidebarlayout',\n    classes: {\n        layout: 'p-sidebar-layout',\n        main: 'p-sidebar-main',\n        backdrop: 'p-sidebar-backdrop p-overlay-mask'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAqB,2BAEvC,IAAMC,EAAgB;AAAA,EACpBD,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsDFE,EAASH,EAAkC,CACpD,KAAM,UACN,MAAAE,EACA,QAAS,CACL,KAAM,wBACN,OAAQ,mBACR,MAAO,kBACP,MAAO,kBACP,OAAQ,mBACR,QAAS,oBACT,OAAQ,mBACR,MAAO,kBACP,WAAY,wBACZ,YAAa,yBACb,aAAc,0BACd,KAAM,iBACN,SAAU,sBACV,WAAY,wBACZ,WAAY,wBACZ,UAAW,uBACX,QAAS,qBACT,YAAa,0BACb,cAAe,4BACf,QAAS,oBACT,KAAM,gBACV,CACJ,CAAC,ECrFD,OAAS,gBAAAE,MAAoB,2BAGtB,IAAMC,EAAeD,EAAkC,CAC1D,KAAM,gBACN,QAAS,CACL,OAAQ,mBACR,KAAM,iBACN,SAAU,mCACd,CACJ,CAAC","names":["createStyles","sidebar_style","style","styles","createStyles","layoutStyles"]}

package/skeleton/Skeleton.style.d.ts

@@ -1,4 +1,4 @@
-import type { SkeletonInstance } from '@primereact/types/shared/skeleton';
+import type { SkeletonInstance } from '@primereact/types/primitive/skeleton';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;

package/skeleton/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/skeleton";var r=t({name:"skeleton",style:o,classes:{root:({props:e})=>["p-skeleton p-component",{"p-skeleton-circle":e.shape==="circle","p-skeleton-animation-none":e.animation==="none"}]},inlineStyles:{root:{position:"relative"}}});export{r as styles};
+import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/skeleton";var s=t({name:"skeleton",style:o,classes:{root:({props:e})=>["p-skeleton p-component",{"p-skeleton-circle":e.shape==="circle","p-skeleton-animation-none":e.animation==="none"}]},inlineStyles:{root:{position:"relative"}}});export{s as styles};
 //# sourceMappingURL=index.mjs.map

package/skeleton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/skeleton/Skeleton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SkeletonInstance } from '@primereact/types/shared/skeleton';\nimport { style } from '@primeuix/styles/skeleton';\n\nexport const styles = createStyles<SkeletonInstance>({\n    name: 'skeleton',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-skeleton p-component',\n            {\n                'p-skeleton-circle': props.shape === 'circle',\n                'p-skeleton-animation-none': props.animation === 'none'\n            }\n        ]\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,yBACA,CACI,oBAAqBA,EAAM,QAAU,SACrC,4BAA6BA,EAAM,YAAc,MACrD,CACJ,CACJ,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/skeleton/Skeleton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SkeletonInstance } from '@primereact/types/primitive/skeleton';\nimport { style } from '@primeuix/styles/skeleton';\n\nexport const styles = createStyles<SkeletonInstance>({\n    name: 'skeleton',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-skeleton p-component',\n            {\n                'p-skeleton-circle': props.shape === 'circle',\n                'p-skeleton-animation-none': props.animation === 'none'\n            }\n        ]\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,yBACA,CACI,oBAAqBA,EAAM,QAAU,SACrC,4BAA6BA,EAAM,YAAc,MACrD,CACJ,CACJ,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/slider/Slider.style.d.ts

@@ -1,10 +1,10 @@
-import type { SliderInstance } from '@primereact/types/shared/slider';
+import type { SliderRootInstance } from '@primereact/types/primitive/slider';
 export declare const styles: {
     name: string | undefined;
     css: import("@primeuix/styled").StyleType | undefined;
     style: import("@primeuix/styled").StyleType | undefined;
-    classes: import("@primereact/types/styles").ClassesType<SliderInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<SliderInstance>;
+    classes: import("@primereact/types/styles").ClassesType<SliderRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<SliderRootInstance>;
     baseStyles: {
         name: string;
         css: string;