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

package/panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/panel/Panel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PanelInstance } from '@primereact/types/shared/panel';\nimport { style } from '@primeuix/styles/panel';\n\nexport const styles = createStyles<PanelInstance>({\n    name: 'panel',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-panel p-component',\n            {\n                'p-panel-toggleable': props.toggleable\n            }\n        ],\n        header: 'p-panel-header',\n        title: 'p-panel-title',\n        headerActions: 'p-panel-header-actions',\n        collapse: 'p-panel-toggle-button',\n        content: 'p-panel-content',\n        footer: 'p-panel-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBAEf,IAAMC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,sBACA,CACI,qBAAsBA,EAAM,UAChC,CACJ,EACA,OAAQ,iBACR,MAAO,gBACP,cAAe,yBACf,SAAU,wBACV,QAAS,kBACT,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/panel/Panel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PanelRootInstance } from '@primereact/types/primitive/panel';\nimport { style as panel_style } from '@primeuix/styles/panel';\n\nconst style = /*css*/ `\n${panel_style}\n\n/* @todo review styles */\n.p-panel-trigger {\n    cursor: pointer;\n}\n`;\n\nexport const styles = createStyles<PanelRootInstance>({\n    name: 'panel',\n    style,\n    classes: {\n        root: 'p-panel p-component',\n        header: 'p-panel-header',\n        title: 'p-panel-title',\n        trigger: 'p-panel-trigger',\n        indicator: 'p-panel-indicator',\n        content: 'p-panel-content-container',\n        contentOuter: 'p-panel-content-wrapper',\n        contentInner: 'p-panel-content',\n        footer: 'p-panel-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAmB,yBAErC,IAAMC,EAAgB;AAAA,EACpBD,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQAE,EAASH,EAAgC,CAClD,KAAM,QACN,MAAAE,EACA,QAAS,CACL,KAAM,sBACN,OAAQ,iBACR,MAAO,gBACP,QAAS,kBACT,UAAW,oBACX,QAAS,4BACT,aAAc,0BACd,aAAc,kBACd,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","panel_style","style","styles"]}

package/password/Password.style.d.ts

@@ -1,10 +1,10 @@
-import type { PasswordInstance } from '@primereact/types/shared/password';
+import type { InputPasswordInstance } from '@primereact/types/primitive/inputpassword';
 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<PasswordInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<PasswordInstance>;
+    classes: import("@primereact/types/styles").ClassesType<InputPasswordInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<InputPasswordInstance>;
     baseStyles: {
         name: string;
         css: string;

package/password/index.mjs

@@ -1,31 +1,2 @@
-import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/password";import{isNotEmpty as r}from"@primeuix/utils";var o=`
-${t}
-
-.p-password:has(.p-password-strength) {
-    flex-direction: column;
-}
-
-.p-password-strength {
-    display: flex;
-    flex-direction: row;
-    padding-block: 1rem;
-    gap: 0.5rem;
-    width: 100%;
-}
-
-.p-password-meter {
-    flex: 1;
-    transition: all 0.3s;
-}
-
-.p-password-strength .p-password-meter {
-    height: 0.5rem;
-    min-width: 2rem;
-}
-
-.p-password:has(.p-password-strength) .p-password-meter {
-    width: 100%;
-    height: 0.5rem;
-}
-`,i=p({name:"password",style:o,classes:{root:({props:s,instance:e})=>["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":r(s.value)||r(s.defaultValue),"p-inputwrapper-focus":e.state.focused,"p-password-fluid":s.fluid}],input:"p-password-input",strength:"p-password-strength",meter:"p-password-meter",panel:"p-password-overlay",clearIcon:"p-password-clear-icon"}});export{i as styles};
+import{createStyles as s}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/password";var p=s({name:"password",style:t,classes:{root:"p-password p-component"}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/password/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/password/Password.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PasswordInstance } from '@primereact/types/shared/password';\nimport { style } from '@primeuix/styles/password';\nimport { isNotEmpty } from '@primeuix/utils';\n\nconst theme = `\n${style}\n\n.p-password:has(.p-password-strength) {\n    flex-direction: column;\n}\n\n.p-password-strength {\n    display: flex;\n    flex-direction: row;\n    padding-block: 1rem;\n    gap: 0.5rem;\n    width: 100%;\n}\n\n.p-password-meter {\n    flex: 1;\n    transition: all 0.3s;\n}\n\n.p-password-strength .p-password-meter {\n    height: 0.5rem;\n    min-width: 2rem;\n}\n\n.p-password:has(.p-password-strength) .p-password-meter {\n    width: 100%;\n    height: 0.5rem;\n}\n`;\n\nexport const styles = createStyles<PasswordInstance>({\n    name: 'password',\n    style: theme,\n    classes: {\n        root: ({ props, instance }) => [\n            'p-password p-component p-inputwrapper',\n            {\n                'p-inputwrapper-filled': isNotEmpty(props.value) || isNotEmpty(props.defaultValue),\n                'p-inputwrapper-focus': instance.state.focused,\n                'p-password-fluid': props.fluid\n            }\n        ],\n        input: 'p-password-input',\n        strength: 'p-password-strength',\n        meter: 'p-password-meter',\n        panel: 'p-password-overlay',\n        clearIcon: 'p-password-clear-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BACtB,OAAS,cAAAC,MAAkB,kBAE3B,IAAMC,EAAQ;AAAA,EACZF,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,EA8BMG,EAASJ,EAA+B,CACjD,KAAM,WACN,MAAOG,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,SAAAC,CAAS,IAAM,CAC3B,wCACA,CACI,wBAAyBJ,EAAWG,EAAM,KAAK,GAAKH,EAAWG,EAAM,YAAY,EACjF,uBAAwBC,EAAS,MAAM,QACvC,mBAAoBD,EAAM,KAC9B,CACJ,EACA,MAAO,mBACP,SAAU,sBACV,MAAO,mBACP,MAAO,qBACP,UAAW,uBACf,CACJ,CAAC","names":["createStyles","style","isNotEmpty","theme","styles","props","instance"]}
+{"version":3,"sources":["../../src/password/Password.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputPasswordInstance } from '@primereact/types/primitive/inputpassword';\nimport { style } from '@primeuix/styles/password';\n\nexport const styles = createStyles<InputPasswordInstance>({\n    name: 'password',\n    style,\n    classes: {\n        root: 'p-password p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/popover/Popover.style.d.ts

@@ -1,10 +1,10 @@
-import type { PopoverInstance } from '@primereact/types/shared/popover';
+import type { PopoverRootInstance } from '@primereact/types/primitive/popover';
 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<PopoverInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<PopoverInstance>;
+    classes: import("@primereact/types/styles").ClassesType<PopoverRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<PopoverRootInstance>;
     baseStyles: {
         name: string;
         css: string;

package/popover/index.mjs

@@ -1,2 +1,77 @@
-import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/popover";var t=o({name:"popover",style:e,classes:{overlay:"p-popover p-component",content:"p-popover-content"}});export{t as styles};
+import{createStyles as r}from"@primereact/styles/utils";var e=`
+.p-popover-popup {
+    position: relative;
+    background: light-dark(var(--p-surface-0), var(--p-surface-900));
+    border-radius: 0.5rem;
+    border: 1px solid var(--p-content-border-color);
+    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.05);
+    transform-origin: var(--px-transform-origin);
+    will-change: transform, opacity;
+}
+
+.p-popover-content {
+    padding: 0.5rem 1rem 1rem 1rem;
+}
+
+.p-popover-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 1rem 0 1rem;
+}
+
+.p-popover-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0 1rem 1rem 1rem;
+}
+
+.p-popover-title {
+    color: light-dark(var(--p-surface-900), var(--p-surface-0));
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+.p-popover-description {
+    color: light-dark(var(--p-surface-500), var(--p-surface-400));
+    font-size: 0.875rem;
+}
+
+.p-popover-arrow {
+    position: absolute;
+    border: 1px solid var(--p-content-border-color);
+    background: light-dark(var(--p-surface-0), var(--p-surface-900));
+    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);
+    }
+}
+`,p=r({name:"popover",style:e,classes:{overlay:"p-popover p-component",popup:"p-popover-popup",content:"p-popover-content",positioner:"p-popover-positioner",arrow:"p-popover-arrow",title:"p-popover-title",description:"p-popover-description",footer:"p-popover-footer",header:"p-popover-header"}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/popover/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/popover/Popover.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PopoverInstance } from '@primereact/types/shared/popover';\nimport { style } from '@primeuix/styles/popover';\n\nexport const styles = createStyles<PopoverInstance>({\n    name: 'popover',\n    style,\n    classes: {\n        overlay: 'p-popover p-component',\n        content: 'p-popover-content'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,QAAS,wBACT,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/popover/Popover.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PopoverRootInstance } from '@primereact/types/primitive/popover';\n\nconst theme = /*css*/ `\n.p-popover-popup {\n    position: relative;\n    background: light-dark(var(--p-surface-0), var(--p-surface-900));\n    border-radius: 0.5rem;\n    border: 1px solid var(--p-content-border-color);\n    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.05);\n    transform-origin: var(--px-transform-origin);\n    will-change: transform, opacity;\n}\n\n.p-popover-content {\n    padding: 0.5rem 1rem 1rem 1rem;\n}\n\n.p-popover-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 1rem 1rem 0 1rem;\n}\n\n.p-popover-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0 1rem 1rem 1rem;\n}\n\n.p-popover-title {\n    color: light-dark(var(--p-surface-900), var(--p-surface-0));\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.p-popover-description {\n    color: light-dark(var(--p-surface-500), var(--p-surface-400));\n    font-size: 0.875rem;\n}\n\n.p-popover-arrow {\n    position: absolute;\n    border: 1px solid var(--p-content-border-color);\n    background: light-dark(var(--p-surface-0), var(--p-surface-900));\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<PopoverRootInstance>({\n    name: 'popover',\n    style: theme,\n    classes: {\n        overlay: 'p-popover p-component',\n        popup: 'p-popover-popup',\n        content: 'p-popover-content',\n        positioner: 'p-popover-positioner',\n        arrow: 'p-popover-arrow',\n        title: 'p-popover-title',\n        description: 'p-popover-description',\n        footer: 'p-popover-footer',\n        header: 'p-popover-header'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,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,EA6ETC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAOC,EACP,QAAS,CACL,QAAS,wBACT,MAAO,kBACP,QAAS,oBACT,WAAY,uBACZ,MAAO,kBACP,MAAO,kBACP,YAAa,wBACb,OAAQ,mBACR,OAAQ,kBACZ,CACJ,CAAC","names":["createStyles","theme","styles"]}

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/{switch/Switch.style.d.ts → select/Select.style.d.ts}

@@ -1,10 +1,10 @@
-import type { SwitchInstance } from '@primereact/types/shared/switch';
+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<SwitchInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<SwitchInstance>;
+    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';