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

package/menu/index.mjs

@@ -0,0 +1,159 @@
+import{createStyles as n}from"@primereact/styles/utils";var t=`
+.p-menu-popup {
+    background: dt('menu.background');
+    border: 1px solid dt('menu.border.color');
+    color: dt('menu.color');
+    border-radius: dt('menu.border.radius');
+    min-width: max-content;
+    transform-origin: var(--px-transform-origin);
+    will-change: transform, opacity;
+    box-shadow: dt('menu.shadow');
+}
+
+.p-menu-list {
+    margin: 0;
+    padding: dt('menu.list.padding');
+    outline: 0 none;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: dt('menu.list.gap');
+}
+
+.p-menu-composite .p-menu-submenu .p-menu-list {
+    padding-inline-start: 1rem;
+    padding-inline-end: 0;
+}
+
+.p-menu-list[data-composite] {
+    min-width: 100%;
+}
+
+.p-menu-item {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    padding: dt('menu.item.padding');
+    gap: dt('menu.item.gap');
+    user-select: none;
+    outline: 0 none;
+    font-size: dt('menu.item.label.font.size');
+    font-weight: dt('menu.item.label.font.size');
+    transition:
+        background dt('menu.transition.duration'),
+        color dt('menu.transition.duration');
+    border-radius: dt('menu.item.border.radius');
+    color: dt('menu.item.color');
+    overflow: hidden;
+}
+
+.p-menu-item svg,
+.p-menu-item i {
+    font-size: dt('menu.item.icon.size');
+    width: dt('menu.item.icon.size');
+    height: dt('menu.item.icon.size');
+    flex-shrink: 0;
+    color: dt('menu.item.icon.color');
+}
+
+.p-menu-item .p-menu-submenu-indicator svg,
+.p-menu-item .p-menu-submenu-indicator i {
+    font-size: dt('menu.submenu.icon.size');
+    width: dt('menu.submenu.icon.size');
+    height:dt('menu.submenu.icon.size');
+    color: dt('menu.submenu.icon.color');
+}
+
+.p-menu-item:not(.p-disabled):hover,
+.p-menu-item.p-focus {
+    color: dt('menu.item.focus.color');
+    background: dt('menu.item.focus.background');
+}
+
+.p-menu-item:not(.p-disabled):hover svg,
+.p-menu-item:not(.p-disabled):hover i {
+    color: dt('menu.item.icon.focus.color');
+}
+
+.p-menu-item:not(.p-disabled):hover .p-menu-submenu-indicator svg,
+.p-menu-item:not(.p-disabled):hover .p-menu-submenu-indicator i {
+    color: dt('menu.submenu.icon.focus.color');
+}
+
+.p-menu-item.p-focus svg,
+.p-menu-item.p-focus i {
+    color: dt('menu.item.icon.focus.color');
+}
+
+.p-menu-item.p-focus .p-menu-submenu-indicator svg,
+.p-menu-item.p-focus .p-menu-submenu-indicator i {
+    color: dt('menu.submenu.icon.focus.color');
+}
+
+.p-menu-checkbox-item-indicator,
+.p-menu-radio-item-indicator,
+.p-menu-submenu-indicator {
+    transition: transform dt('menu.transition.duration');
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: dt('menu.item.icon.size');
+}
+
+.p-menu-submenu-indicator {
+    margin-inline-start: auto;
+}
+
+.p-menu-label {
+    background: dt('menu.submenu.label.background');
+    padding: dt('menu.submenu.label.padding');
+    color: dt('menu.submenu.label.color');
+    font-size: dt('menu.submenu.label.font.size');
+    font-weight: dt('menu.submenu.label.font.weight');
+}
+
+.p-menu-separator {
+    border-block-start: 1px solid dt('menu.separator.border.color');
+}
+
+.p-menu-list:has(.p-menu-checkbox-item-indicator) .p-menu-label,
+.p-menu-list:has(.p-menu-radio-item-indicator) .p-menu-label {
+    padding-inline-start: 2rem;
+}
+
+.p-menu-arrow {
+    position: absolute;
+    border: 1px solid dt('menu.border.color');
+    background: dt('menu.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);
+    }
+}
+`,i=n({name:"menu",style:t,classes:{root:({props:e})=>["p-menu p-component",{"p-menu-composite":e.composite}],trigger:"p-menu-trigger-button",checkboxItemIndicator:"p-menu-checkbox-item-indicator",radioItemIndicator:"p-menu-radio-item-indicator",submenuIndicator:"p-menu-submenu-indicator",popup:"p-menu-popup",positioner:"p-menu-positioner",arrow:"p-menu-arrow",list:"p-menu-list",group:"p-menu-group",label:"p-menu-label",submenu:"p-menu-submenu",subtrigger:({context:e})=>["p-menu-item p-menu-subtrigger",{"p-menu-subtrigger-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled}],separator:"p-menu-separator",item:({context:e})=>["p-menu-item",{"p-focus":e.focused,"p-disabled":e.disabled}]}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/menu/Menu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MenuRootInstance } from '@primereact/types/primitive/menu';\n\nconst style = /*css*/ `\n.p-menu-popup {\n    background: dt('menu.background');\n    border: 1px solid dt('menu.border.color');\n    color: dt('menu.color');\n    border-radius: dt('menu.border.radius');\n    min-width: max-content;\n    transform-origin: var(--px-transform-origin);\n    will-change: transform, opacity;\n    box-shadow: dt('menu.shadow');\n}\n\n.p-menu-list {\n    margin: 0;\n    padding: dt('menu.list.padding');\n    outline: 0 none;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: dt('menu.list.gap');\n}\n\n.p-menu-composite .p-menu-submenu .p-menu-list {\n    padding-inline-start: 1rem;\n    padding-inline-end: 0;\n}\n\n.p-menu-list[data-composite] {\n    min-width: 100%;\n}\n\n.p-menu-item {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    padding: dt('menu.item.padding');\n    gap: dt('menu.item.gap');\n    user-select: none;\n    outline: 0 none;\n    font-size: dt('menu.item.label.font.size');\n    font-weight: dt('menu.item.label.font.size');\n    transition:\n        background dt('menu.transition.duration'),\n        color dt('menu.transition.duration');\n    border-radius: dt('menu.item.border.radius');\n    color: dt('menu.item.color');\n    overflow: hidden;\n}\n\n.p-menu-item svg,\n.p-menu-item i {\n    font-size: dt('menu.item.icon.size');\n    width: dt('menu.item.icon.size');\n    height: dt('menu.item.icon.size');\n    flex-shrink: 0;\n    color: dt('menu.item.icon.color');\n}\n\n.p-menu-item .p-menu-submenu-indicator svg,\n.p-menu-item .p-menu-submenu-indicator i {\n    font-size: dt('menu.submenu.icon.size');\n    width: dt('menu.submenu.icon.size');\n    height:dt('menu.submenu.icon.size');\n    color: dt('menu.submenu.icon.color');\n}\n\n.p-menu-item:not(.p-disabled):hover,\n.p-menu-item.p-focus {\n    color: dt('menu.item.focus.color');\n    background: dt('menu.item.focus.background');\n}\n\n.p-menu-item:not(.p-disabled):hover svg,\n.p-menu-item:not(.p-disabled):hover i {\n    color: dt('menu.item.icon.focus.color');\n}\n\n.p-menu-item:not(.p-disabled):hover .p-menu-submenu-indicator svg,\n.p-menu-item:not(.p-disabled):hover .p-menu-submenu-indicator i {\n    color: dt('menu.submenu.icon.focus.color');\n}\n\n.p-menu-item.p-focus svg,\n.p-menu-item.p-focus i {\n    color: dt('menu.item.icon.focus.color');\n}\n\n.p-menu-item.p-focus .p-menu-submenu-indicator svg,\n.p-menu-item.p-focus .p-menu-submenu-indicator i {\n    color: dt('menu.submenu.icon.focus.color');\n}\n\n.p-menu-checkbox-item-indicator,\n.p-menu-radio-item-indicator,\n.p-menu-submenu-indicator {\n    transition: transform dt('menu.transition.duration');\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: dt('menu.item.icon.size');\n}\n\n.p-menu-submenu-indicator {\n    margin-inline-start: auto;\n}\n\n.p-menu-label {\n    background: dt('menu.submenu.label.background');\n    padding: dt('menu.submenu.label.padding');\n    color: dt('menu.submenu.label.color');\n    font-size: dt('menu.submenu.label.font.size');\n    font-weight: dt('menu.submenu.label.font.weight');\n}\n\n.p-menu-separator {\n    border-block-start: 1px solid dt('menu.separator.border.color');\n}\n\n.p-menu-list:has(.p-menu-checkbox-item-indicator) .p-menu-label,\n.p-menu-list:has(.p-menu-radio-item-indicator) .p-menu-label {\n    padding-inline-start: 2rem;\n}\n\n.p-menu-arrow {\n    position: absolute;\n    border: 1px solid dt('menu.border.color');\n    background: dt('menu.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<MenuRootInstance>({\n    name: 'menu',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-menu p-component',\n            {\n                'p-menu-composite': props.composite\n            }\n        ],\n        trigger: 'p-menu-trigger-button',\n        checkboxItemIndicator: 'p-menu-checkbox-item-indicator',\n        radioItemIndicator: 'p-menu-radio-item-indicator',\n        submenuIndicator: 'p-menu-submenu-indicator',\n        popup: 'p-menu-popup',\n        positioner: 'p-menu-positioner',\n        arrow: 'p-menu-arrow',\n        list: 'p-menu-list',\n        group: 'p-menu-group',\n        label: 'p-menu-label',\n        submenu: 'p-menu-submenu',\n        subtrigger: ({ context }) => [\n            'p-menu-item p-menu-subtrigger',\n            {\n                'p-menu-subtrigger-active': context.active,\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        separator: 'p-menu-separator',\n        item: ({ context }) => [\n            'p-menu-item',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ]\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+JTC,EAASF,EAA+B,CACjD,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,mBAAoBA,EAAM,SAC9B,CACJ,EACA,QAAS,wBACT,sBAAuB,iCACvB,mBAAoB,8BACpB,iBAAkB,2BAClB,MAAO,eACP,WAAY,oBACZ,MAAO,eACP,KAAM,cACN,MAAO,eACP,MAAO,eACP,QAAS,iBACT,WAAY,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACzB,gCACA,CACI,2BAA4BA,EAAQ,OACpC,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,mBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,cACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}

package/message/Message.style.d.ts

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

package/message/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as s}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/message";var o=s({name:"message",style:t,classes:{root:({props:e})=>["p-message p-component p-message-"+e.severity,{"p-message-outlined":e.variant==="outlined","p-message-simple":e.variant==="simple","p-message-sm":e.size==="small","p-message-lg":e.size==="large"}],content:"p-message-content",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close-button",closeIcon:"p-message-close-icon"}});export{o as styles};
+import{createStyles as s}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/message";var o=s({name:"message",style:t,classes:{root:({props:e})=>["p-message p-component p-message-"+e.severity,{"p-message-outlined":e.variant==="outlined","p-message-simple":e.variant==="simple","p-message-sm":e.size==="small","p-message-lg":e.size==="large"}],content:"p-message-content",icon:"p-message-icon",text:"p-message-text",close:"p-message-close-button"}});export{o as styles};
 //# sourceMappingURL=index.mjs.map

package/message/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/message/Message.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MessageInstance } from '@primereact/types/shared/message';\nimport { style } from '@primeuix/styles/message';\n\nexport const styles = createStyles<MessageInstance>({\n    name: 'message',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-message p-component p-message-' + props.severity,\n            {\n                'p-message-outlined': props.variant === 'outlined',\n                'p-message-simple': props.variant === 'simple',\n                'p-message-sm': props.size === 'small',\n                'p-message-lg': props.size === 'large'\n            }\n        ],\n        content: 'p-message-content',\n        icon: 'p-message-icon',\n        text: 'p-message-text',\n        closeButton: 'p-message-close-button',\n        closeIcon: 'p-message-close-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,mCAAqCA,EAAM,SAC3C,CACI,qBAAsBA,EAAM,UAAY,WACxC,mBAAoBA,EAAM,UAAY,SACtC,eAAgBA,EAAM,OAAS,QAC/B,eAAgBA,EAAM,OAAS,OACnC,CACJ,EACA,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,YAAa,yBACb,UAAW,sBACf,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/message/Message.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MessageRootInstance } from '@primereact/types/primitive/message';\nimport { style } from '@primeuix/styles/message';\n\nexport const styles = createStyles<MessageRootInstance>({\n    name: 'message',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-message p-component p-message-' + props.severity,\n            {\n                'p-message-outlined': props.variant === 'outlined',\n                'p-message-simple': props.variant === 'simple',\n                'p-message-sm': props.size === 'small',\n                'p-message-lg': props.size === 'large'\n            }\n        ],\n        content: 'p-message-content',\n        icon: 'p-message-icon',\n        text: 'p-message-text',\n        close: 'p-message-close-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,mCAAqCA,EAAM,SAC3C,CACI,qBAAsBA,EAAM,UAAY,WACxC,mBAAoBA,EAAM,UAAY,SACtC,eAAgBA,EAAM,OAAS,QAC/B,eAAgBA,EAAM,OAAS,OACnC,CACJ,EACA,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,MAAO,wBACX,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/metergroup/MeterGroup.style.d.ts

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

package/metergroup/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/metergroup";var l=r({name:"metergroup",style:t,classes:{root:({props:e})=>["p-metergroup p-component",{"p-metergroup-horizontal":e.orientation==="horizontal","p-metergroup-vertical":e.orientation==="vertical"}],meters:"p-metergroup-meters",meter:"p-metergroup-meter",labels:({props:e})=>["p-metergroup-label-list",{"p-metergroup-label-list-horizontal":e.orientation==="horizontal","p-metergroup-label-list-vertical":e.orientation==="vertical"}],label:"p-metergroup-label",icon:"p-metergroup-label-icon",marker:"p-metergroup-label-marker",text:"p-metergroup-label-text"}});export{l as styles};
+import{createStyles as r}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/metergroup";var l=r({name:"metergroup",style:t,classes:{root:({props:e})=>["p-metergroup p-component",{"p-metergroup-horizontal":e.orientation==="horizontal","p-metergroup-vertical":e.orientation==="vertical"}],meters:"p-metergroup-meters",meter:"p-metergroup-meter",labels:({props:e})=>["p-metergroup-label-list",{"p-metergroup-label-list-horizontal":e.orientation==="horizontal","p-metergroup-label-list-vertical":e.orientation==="vertical"}],label:"p-metergroup-label",marker:"p-metergroup-label-marker",text:"p-metergroup-label-text"}});export{l as styles};
 //# sourceMappingURL=index.mjs.map

package/metergroup/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/metergroup/MeterGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MeterGroupInstance } from '@primereact/types/shared/metergroup';\nimport { style } from '@primeuix/styles/metergroup';\n\nexport const styles = createStyles<MeterGroupInstance>({\n    name: 'metergroup',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-metergroup p-component',\n            {\n                'p-metergroup-horizontal': props.orientation === 'horizontal',\n                'p-metergroup-vertical': props.orientation === 'vertical'\n            }\n        ],\n        meters: 'p-metergroup-meters',\n        meter: 'p-metergroup-meter',\n        labels: ({ props }) => [\n            'p-metergroup-label-list',\n            {\n                'p-metergroup-label-list-horizontal': props.orientation === 'horizontal',\n                'p-metergroup-label-list-vertical': props.orientation === 'vertical'\n            }\n        ],\n        label: 'p-metergroup-label',\n        icon: 'p-metergroup-label-icon',\n        marker: 'p-metergroup-label-marker',\n        text: 'p-metergroup-label-text'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,2BACA,CACI,0BAA2BA,EAAM,cAAgB,aACjD,wBAAyBA,EAAM,cAAgB,UACnD,CACJ,EACA,OAAQ,sBACR,MAAO,qBACP,OAAQ,CAAC,CAAE,MAAAA,CAAM,IAAM,CACnB,0BACA,CACI,qCAAsCA,EAAM,cAAgB,aAC5D,mCAAoCA,EAAM,cAAgB,UAC9D,CACJ,EACA,MAAO,qBACP,KAAM,0BACN,OAAQ,4BACR,KAAM,yBACV,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/metergroup/MeterGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MeterGroupRootInstance } from '@primereact/types/primitive/metergroup';\nimport { style } from '@primeuix/styles/metergroup';\n\nexport const styles = createStyles<MeterGroupRootInstance>({\n    name: 'metergroup',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-metergroup p-component',\n            {\n                'p-metergroup-horizontal': props.orientation === 'horizontal',\n                'p-metergroup-vertical': props.orientation === 'vertical'\n            }\n        ],\n        meters: 'p-metergroup-meters',\n        meter: 'p-metergroup-meter',\n        labels: ({ props }) => [\n            'p-metergroup-label-list',\n            {\n                'p-metergroup-label-list-horizontal': props.orientation === 'horizontal',\n                'p-metergroup-label-list-vertical': props.orientation === 'vertical'\n            }\n        ],\n        label: 'p-metergroup-label',\n        marker: 'p-metergroup-label-marker',\n        text: 'p-metergroup-label-text'\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,0BAA2BA,EAAM,cAAgB,aACjD,wBAAyBA,EAAM,cAAgB,UACnD,CACJ,EACA,OAAQ,sBACR,MAAO,qBACP,OAAQ,CAAC,CAAE,MAAAA,CAAM,IAAM,CACnB,0BACA,CACI,qCAAsCA,EAAM,cAAgB,aAC5D,mCAAoCA,EAAM,cAAgB,UAC9D,CACJ,EACA,MAAO,qBACP,OAAQ,4BACR,KAAM,yBACV,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/navigationmenu/NavigationMenu.style.d.ts

@@ -0,0 +1,15 @@
+import type { NavigationMenuInstance } from '@primereact/types/primitive/navigationmenu';
+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<NavigationMenuInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<NavigationMenuInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/navigationmenu/index.d.ts

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

package/navigationmenu/index.mjs

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

package/navigationmenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/navigationmenu/NavigationMenu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { NavigationMenuInstance } from '@primereact/types/primitive/navigationmenu';\nimport { style } from '@primeuix/styles/navigationmenu';\n\nexport const styles = createStyles<NavigationMenuInstance>({\n    name: 'navigationmenu',\n    style,\n    classes: {\n        root: 'p-navigationmenu p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,kCAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,iBACN,MAAAC,EACA,QAAS,CACL,KAAM,8BACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/organizationchart/OrganizationChart.style.d.ts

@@ -0,0 +1,15 @@
+import type { OrganizationChartRootInstance } from '@primereact/types/primitive/organizationchart';
+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<OrganizationChartRootInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<OrganizationChartRootInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/organizationchart/index.d.ts

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

package/organizationchart/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as t}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/organizationchart";var e=t({name:"organizationchart",style:a,classes:{root:"p-organizationchart p-component",tree:"p-organizationchart-tree",subtree:({context:o})=>["p-organizationchart-subtree",{"p-organizationchart-subtree-root":o==null?void 0:o.root}],node:"p-organizationchart-node",content:"p-organizationchart-node-content",label:"p-organizationchart-node-label",toggle:"p-organizationchart-node-toggle-button",toggleIndicator:"p-organizationchart-node-toggle-button-icon",selection:"p-organizationchart-node-selection"}});export{e as styles};
+//# sourceMappingURL=index.mjs.map

package/organizationchart/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/organizationchart/OrganizationChart.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OrganizationChartRootInstance } from '@primereact/types/primitive/organizationchart';\nimport { style } from '@primeuix/styles/organizationchart';\n\nexport const styles = createStyles<OrganizationChartRootInstance>({\n    name: 'organizationchart',\n    style,\n    classes: {\n        root: 'p-organizationchart p-component',\n        tree: 'p-organizationchart-tree',\n        subtree: ({ context }) => [\n            'p-organizationchart-subtree',\n            {\n                'p-organizationchart-subtree-root': context?.root\n            }\n        ],\n        node: 'p-organizationchart-node',\n        content: 'p-organizationchart-node-content',\n        label: 'p-organizationchart-node-label',\n        toggle: 'p-organizationchart-node-toggle-button',\n        toggleIndicator: 'p-organizationchart-node-toggle-button-icon',\n        selection: 'p-organizationchart-node-selection'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,qCAEf,IAAMC,EAASF,EAA4C,CAC9D,KAAM,oBACN,MAAAC,EACA,QAAS,CACL,KAAM,kCACN,KAAM,2BACN,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACtB,8BACA,CACI,mCAAoCA,GAAA,YAAAA,EAAS,IACjD,CACJ,EACA,KAAM,2BACN,QAAS,mCACT,MAAO,iCACP,OAAQ,yCACR,gBAAiB,8CACjB,UAAW,oCACf,CACJ,CAAC","names":["createStyles","style","styles","context"]}

package/{badge → overlaybadge}/OverlayBadge.style.d.ts

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

package/overlaybadge/index.d.ts

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

package/overlaybadge/index.mjs

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

package/overlaybadge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlaybadge/OverlayBadge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OverlayBadgeInstance } from '@primereact/types/primitive/overlaybadge';\nimport { style } from '@primeuix/styles/overlaybadge';\n\nexport const styles = createStyles<OverlayBadgeInstance>({\n    name: 'overlaybadge',\n    style,\n    classes: {\n        root: 'p-overlaybadge'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.8",
+  "version": "11.0.0-rc.1",
   "author": "PrimeTek Informatics",
-  "description": "",
-  "homepage": "https://primereact.org/",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/primefaces/primereact.git",
-    "directory": "packages/styles"
-  },
+  "description": "Styles for PrimeReact components.",
+  "homepage": "https://primereact.dev",
+  "license": "SEE LICENSE IN LICENSE.md",
   "bugs": {
-    "url": "https://github.com/primefaces/primereact/issues"
+    "url": "https://support.primeui.dev"
   },
   "main": "./index.mjs",
   "module": "./index.mjs",
@@ -32,8 +27,10 @@
     "access": "public"
   },
   "dependencies": {
-    "@primeuix/styled": "^0.7.4",
-    "@primeuix/utils": "^0.6.2",
-    "@primeuix/styles": "^1"
-  }
+    "@primeuix/styled": "^1.0.0-rc.1",
+    "@primeuix/utils": "^0.7.2",
+    "@primeuix/styles": "^3.0.0-rc.1",
+    "@primereact/types": "11.0.0-rc.1"
+  },
+  "repository": {}
 }

package/paginator/Paginator.style.d.ts

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

package/paginator/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/paginator/Paginator.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PaginatorInstance } from '@primereact/types/shared/paginator';\nimport { style } from '@primeuix/styles/paginator';\n\nconst theme = `\n${style}\n.p-paginator-ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    background: dt('paginator.nav.button.background');\n    border: 0 none;\n    color: dt('paginator.nav.button.color');\n    min-width: dt('paginator.nav.button.width');\n    height: dt('paginator.nav.button.height');\n    transition:\n        background dt('paginator.transition.duration'),\n        color dt('paginator.transition.duration'),\n        outline-color dt('paginator.transition.duration'),\n        box-shadow dt('paginator.transition.duration');\n    border-radius: dt('paginator.nav.button.border.radius');\n    padding: 0;\n    margin: 0;\n}\n`;\n\nexport const styles = createStyles<PaginatorInstance>({\n    name: 'paginator',\n    style: theme,\n    classes: {\n        paginator: () => ['p-paginator p-component'],\n        content: 'p-paginator-content',\n        contentStart: 'p-paginator-content-start',\n        contentEnd: 'p-paginator-content-end',\n        first: ({ context }) => [\n            'p-paginator-first',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        firstIcon: 'p-paginator-first-icon',\n        prev: ({ context }) => [\n            'p-paginator-prev',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        prevIcon: 'p-paginator-prev-icon',\n        next: ({ context }) => [\n            'p-paginator-next',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        nextIcon: 'p-paginator-next-icon',\n        last: ({ context }) => [\n            'p-paginator-last',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        lastIcon: 'p-paginator-last-icon',\n        pages: 'p-paginator-pages',\n        page: ({ context }) => [\n            'p-paginator-page',\n            {\n                'p-paginator-page-selected': context.selected === true,\n                'p-disabled': context.disabled\n            }\n        ],\n        ellipsis: 'p-paginator-ellipsis',\n        current: 'p-paginator-current',\n        pcRowPerPageDropdown: 'p-paginator-rpp-dropdown',\n        pcJumpToPageDropdown: 'p-paginator-jtp-dropdown',\n        pcJumpToPageInputText: 'p-paginator-jtp-input'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEtB,IAAMC,EAAQ;AAAA,EACZD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBME,EAASH,EAAgC,CAClD,KAAM,YACN,MAAOE,EACP,QAAS,CACL,UAAW,IAAM,CAAC,yBAAyB,EAC3C,QAAS,sBACT,aAAc,4BACd,WAAY,0BACZ,MAAO,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACpB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,MAAO,oBACP,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,4BAA6BA,EAAQ,WAAa,GAClD,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,uBACV,QAAS,sBACT,qBAAsB,2BACtB,qBAAsB,2BACtB,sBAAuB,uBAC3B,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}
+{"version":3,"sources":["../../src/paginator/Paginator.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PaginatorRootInstance } from '@primereact/types/primitive/paginator';\nimport { style } from '@primeuix/styles/paginator';\n\nconst theme = `\n${style}\n.p-paginator-ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    background: dt('paginator.nav.button.background');\n    border: 0 none;\n    color: dt('paginator.nav.button.color');\n    min-width: dt('paginator.nav.button.width');\n    height: dt('paginator.nav.button.height');\n    transition:\n        background dt('paginator.transition.duration'),\n        color dt('paginator.transition.duration'),\n        outline-color dt('paginator.transition.duration'),\n        box-shadow dt('paginator.transition.duration');\n    border-radius: dt('paginator.nav.button.border.radius');\n    padding: 0;\n    margin: 0;\n}\n`;\n\nexport const styles = createStyles<PaginatorRootInstance>({\n    name: 'paginator',\n    style: theme,\n    classes: {\n        paginator: () => ['p-paginator p-component'],\n        content: 'p-paginator-content',\n        contentStart: 'p-paginator-content-start',\n        contentEnd: 'p-paginator-content-end',\n        first: ({ context }) => [\n            'p-paginator-first',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        firstIcon: 'p-paginator-first-icon',\n        prev: ({ context }) => [\n            'p-paginator-prev',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        prevIcon: 'p-paginator-prev-icon',\n        next: ({ context }) => [\n            'p-paginator-next',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        nextIcon: 'p-paginator-next-icon',\n        last: ({ context }) => [\n            'p-paginator-last',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        lastIcon: 'p-paginator-last-icon',\n        pages: 'p-paginator-pages',\n        page: ({ context }) => [\n            'p-paginator-page',\n            {\n                'p-paginator-page-selected': context.selected === true,\n                'p-disabled': context.disabled\n            }\n        ],\n        ellipsis: 'p-paginator-ellipsis',\n        current: 'p-paginator-current',\n        pcRowPerPageDropdown: 'p-paginator-rpp-dropdown',\n        pcJumpToPageDropdown: 'p-paginator-jtp-dropdown',\n        pcJumpToPageInputText: 'p-paginator-jtp-input'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEtB,IAAMC,EAAQ;AAAA,EACZD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBME,EAASH,EAAoC,CACtD,KAAM,YACN,MAAOE,EACP,QAAS,CACL,UAAW,IAAM,CAAC,yBAAyB,EAC3C,QAAS,sBACT,aAAc,4BACd,WAAY,0BACZ,MAAO,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACpB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,MAAO,oBACP,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,4BAA6BA,EAAQ,WAAa,GAClD,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,uBACV,QAAS,sBACT,qBAAsB,2BACtB,qBAAsB,2BACtB,sBAAuB,uBAC3B,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}

package/panel/Panel.style.d.ts

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

package/panel/index.mjs

@@ -1,2 +1,9 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/panel";var o=t({name:"panel",style:p,classes:{root:({props:e})=>["p-panel p-component",{"p-panel-toggleable":e.toggleable}],header:"p-panel-header",title:"p-panel-title",headerActions:"p-panel-header-actions",collapse:"p-panel-toggle-button",content:"p-panel-content",footer:"p-panel-footer"}});export{o as styles};
+import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/panel";var n=`
+${t}
+
+/* @todo review styles */
+.p-panel-trigger {
+    cursor: pointer;
+}
+`,r=e({name:"panel",style:n,classes:{root:"p-panel p-component",header:"p-panel-header",title:"p-panel-title",trigger:"p-panel-trigger",indicator:"p-panel-indicator",content:"p-panel-content-container",contentOuter:"p-panel-content-wrapper",contentInner:"p-panel-content",footer:"p-panel-footer"}});export{r as styles};
 //# sourceMappingURL=index.mjs.map

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"]}