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

package/listbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/listbox/Listbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ListboxInstance } from '@primereact/types/shared/listbox';\nimport { style } from '@primeuix/styles/listbox';\n\nconst _style = /*css*/ `\n    ${style}\n\n    /* For PrimeReact */\n    .p-listbox-selection {\n        /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */\n        margin-inline-end: dt('listbox.checkmark.gutter.end');\n    }\n\n    .p-listbox-list {\n        overflow: auto;\n    }\n\n    .p-listbox-option {\n        flex-shrink: 0;\n    }\n\n    .p-listbox-empty-message {\n        display: flex;\n    }\n`;\n\nexport const styles = createStyles<ListboxInstance>({\n    name: 'listbox',\n    style: _style,\n    classes: {\n        root: ({ props }) => [\n            'p-listbox p-component',\n            {\n                'p-listbox-striped': props.striped,\n                'p-disabled': props.disabled,\n                'p-listbox-fluid': props.fluid,\n                'p-invalid': props.invalid\n            }\n        ],\n        header: 'p-listbox-header',\n        footer: 'p-listbox-footer',\n        pcFilter: 'p-listbox-filter',\n        list: 'p-listbox-list',\n        optionGroup: 'p-listbox-option-group',\n        option: ({ props, state, context }) => {\n            return [\n                'p-listbox-option',\n                {\n                    'p-listbox-option-selected': context.selected && !(props.checkbox || props.checkmark),\n                    'p-focus': state.focusedOptionIndex === context.index,\n                    'p-disabled': context.disabled\n                }\n            ];\n        },\n        selection: 'p-listbox-selection',\n        optionCheckIcon: 'p-listbox-option-check-icon',\n        optionBlankIcon: 'p-listbox-option-blank-icon',\n        empty: 'p-listbox-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEtB,IAAMC,EAAiB;AAAA,MACjBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBEE,EAASH,EAA8B,CAChD,KAAM,UACN,MAAOE,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,CACI,oBAAqBA,EAAM,QAC3B,aAAcA,EAAM,SACpB,kBAAmBA,EAAM,MACzB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,mBACR,OAAQ,mBACR,SAAU,mBACV,KAAM,iBACN,YAAa,yBACb,OAAQ,CAAC,CAAE,MAAAA,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IACtB,CACH,mBACA,CACI,4BAA6BA,EAAQ,UAAY,EAAEF,EAAM,UAAYA,EAAM,WAC3E,UAAWC,EAAM,qBAAuBC,EAAQ,MAChD,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,UAAW,sBACX,gBAAiB,8BACjB,gBAAiB,8BACjB,MAAO,yBACX,CACJ,CAAC","names":["createStyles","style","_style","styles","props","state","context"]}
+{"version":3,"sources":["../../src/listbox/Listbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ListboxRootInstance } from '@primereact/types/primitive/listbox';\nimport { style as listbox_style } from '@primeuix/styles/listbox';\n\nconst style = /*css*/ `\n${listbox_style}\n\n/* For PrimeReact */\n.p-listbox-list {\n    overflow: auto;\n}\n\n.p-listbox-option {\n    flex-shrink: 0;\n}\n\n.p-listbox-option-indicator {\n    display: flex;\n    align-items: center;\n}\n\n.p-listbox-empty-message {\n    display: flex;\n}\n`;\n\nexport const styles = createStyles<ListboxRootInstance>({\n    name: 'listbox',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-listbox p-component',\n            {\n                'p-listbox-striped': props.striped,\n                'p-disabled': props.disabled,\n                'p-listbox-fluid': props.fluid,\n                'p-invalid': props.invalid\n            }\n        ],\n        header: 'p-listbox-header',\n        footer: 'p-listbox-footer',\n        pcFilter: 'p-listbox-filter',\n        list: 'p-listbox-list',\n        optionGroup: 'p-listbox-option-group',\n        option: ({ props, state, context }) => {\n            return [\n                'p-listbox-option',\n                {\n                    'p-listbox-option-selected': context.selected && !(props.checkbox || props.checkmark),\n                    'p-focus': state.focusedOptionIndex === context.index,\n                    'p-disabled': context.disabled\n                }\n            ];\n        },\n        optionIndicator: 'p-listbox-option-indicator',\n        optionCheckIcon: 'p-listbox-option-check-icon',\n        optionBlankIcon: 'p-listbox-option-blank-icon',\n        empty: 'p-listbox-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAqB,2BAEvC,IAAMC,EAAgB;AAAA,EACpBD,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBFE,EAASH,EAAkC,CACpD,KAAM,UACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,CACI,oBAAqBA,EAAM,QAC3B,aAAcA,EAAM,SACpB,kBAAmBA,EAAM,MACzB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,mBACR,OAAQ,mBACR,SAAU,mBACV,KAAM,iBACN,YAAa,yBACb,OAAQ,CAAC,CAAE,MAAAA,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IACtB,CACH,mBACA,CACI,4BAA6BA,EAAQ,UAAY,EAAEF,EAAM,UAAYA,EAAM,WAC3E,UAAWC,EAAM,qBAAuBC,EAAQ,MAChD,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,gBAAiB,6BACjB,gBAAiB,8BACjB,gBAAiB,8BACjB,MAAO,yBACX,CACJ,CAAC","names":["createStyles","listbox_style","style","styles","props","state","context"]}

package/menu/Menu.style.d.ts

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

package/menu/index.mjs

@@ -1,121 +1,159 @@
-import{createStyles as n}from"@primereact/styles/utils";var o=`
-    /* For PrimeReact */
-    .p-menu {
-        background: dt('menu.background');
-        color: dt('menu.color');
-        border: 1px solid dt('menu.border.color');
-        border-radius: dt('menu.border.radius');
-        min-width: max-content;
-    }
+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-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:not(.p-menu-composite) .p-menu-submenu .p-menu-list {
-        padding-inline-start: 1rem;
-        padding-inline-end: 0;
-    }
+.p-menu-composite .p-menu-submenu .p-menu-list {
+    padding-inline-start: 1rem;
+    padding-inline-end: 0;
+}
 
-    .p-menu-composite .p-menu-submenu .p-menu-list {
-        position: absolute;
-        min-width: 100%;
-        z-index: 1;
-        background: dt('menu.background');
-        color: dt('menu.color');
-        border: 1px solid dt('menu.border.color');
-        border-radius: dt('menu.border.radius');
-        box-shadow: var(--p-menu-shadow);
-    }
+.p-menu-list[data-composite] {
+    min-width: 100%;
+}
 
-    .p-menu-item,
-    .p-menu-item-checkbox,
-    .p-menu-item-radio {
-        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;
-        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 {
+    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:has([role="menuitemcheckbox"]) .p-menu-item,
-    .p-menu:has([role="menuitemradio"]) .p-menu-item,
-    .p-menu:has([role="menuitemcheckbox"]) .p-menu-label,
-    .p-menu:has([role="menuitemradio"]) .p-menu-label {
-        padding-inline-start: 2.25rem;
-    }
+.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:not(.p-disabled):hover,
-    .p-menu-item-checkbox:not(.p-disabled):hover,
-    .p-menu-item-radio:not(.p-disabled):hover {
-        color: dt('menu.item.focus.color');
-        background: dt('menu.item.focus.background');
-    }
+.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.p-focus,
-    .p-menu-item-checkbox.p-focus,
-    .p-menu-item-radio.p-focus {
-        color: dt('menu.item.focus.color');
-        background: dt('menu.item.focus.background');
-    }
+.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-submenu-label {
-        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;
-        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:not(.p-disabled):hover svg,
+.p-menu-item:not(.p-disabled):hover i {
+    color: dt('menu.item.icon.focus.color');
+}
 
-    .p-menu-submenu-label:not(.p-disabled):hover {
-        color: dt('menu.item.focus.color');
-        background: dt('menu.item.focus.background');
-    }
+.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%);
 
-    .p-menu-submenu-label.p-focus {
-        color: dt('menu.item.focus.color');
-        background: dt('menu.item.focus.background');
+    &[data-side='top']{
+        left: var(--px-placer-arrow-x);
+        bottom: -0.375rem;
+        transform: translateX(-50%) rotate(-45deg);
     }
 
-    .p-menu-item-icon {
-        margin-left: auto;
-        color: dt('menu.item.icon.color');
-        transition: transform 0.2s;
+    &[data-side='bottom']{
+        left: var(--px-placer-arrow-x);
+        top: -0.375rem;
+        transform: translateX(-50%) rotate(135deg);
     }
 
-    .p-menu-label {
-        background: dt('menu.submenu.label.background');
-        padding: dt('menu.submenu.label.padding');
-        color: dt('menu.submenu.label.color');
-        font-weight: dt('menu.submenu.label.font.weight');
+    &[data-side='left']{
+        top: var(--px-placer-arrow-y);
+        right: -0.375rem;
+        transform: translateY(-50%) rotate(-135deg);
     }
 
-    .p-menu-separator {
-        border-block-start: 1px solid dt('menu.separator.border.color');
+    &[data-side='right']{
+        top: var(--px-placer-arrow-y);
+        left: -0.375rem;
+        transform: translateY(-50%) rotate(45deg);
     }
-`,t=n({name:"menu",style:o,classes:{root:({props:e})=>["p-menu p-component",{"p-menu-composite":e.composite}],list:"p-menu-list",label:"p-menu-label",submenu:"p-menu-submenu",submenuLabel:({context:e})=>["p-menu-submenu-label",{"p-menu-submenu-label-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}],checkboxItem:({context:e})=>["p-menu-item-checkbox",{"p-focus":e.focused,"p-disabled":e.disabled}],radioItem:({context:e})=>["p-menu-item-radio",{"p-focus":e.focused,"p-disabled":e.disabled}],trigger:"p-menu-trigger-button",icon:"p-menu-item-icon",checkboxIcon:"p-menu-checkbox-icon",radioIcon:"p-menu-radio-icon"},inlineStyles:{submenu:({props:e})=>({position:e.composite?"relative":void 0})}});export{t as styles};
+}
+`,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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/menu/Menu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MenuInstance } from '@primereact/types/shared/menu';\n\nconst _style = /*css*/ `\n    /* For PrimeReact */\n    .p-menu {\n        background: dt('menu.background');\n        color: dt('menu.color');\n        border: 1px solid dt('menu.border.color');\n        border-radius: dt('menu.border.radius');\n        min-width: max-content;\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:not(.p-menu-composite) .p-menu-submenu .p-menu-list {\n        padding-inline-start: 1rem;\n        padding-inline-end: 0;\n    }\n\n    .p-menu-composite .p-menu-submenu .p-menu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        background: dt('menu.background');\n        color: dt('menu.color');\n        border: 1px solid dt('menu.border.color');\n        border-radius: dt('menu.border.radius');\n        box-shadow: var(--p-menu-shadow);\n    }\n\n    .p-menu-item,\n    .p-menu-item-checkbox,\n    .p-menu-item-radio {\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        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:has([role=\"menuitemcheckbox\"]) .p-menu-item,\n    .p-menu:has([role=\"menuitemradio\"]) .p-menu-item,\n    .p-menu:has([role=\"menuitemcheckbox\"]) .p-menu-label,\n    .p-menu:has([role=\"menuitemradio\"]) .p-menu-label {\n        padding-inline-start: 2.25rem;\n    }\n\n    .p-menu-item:not(.p-disabled):hover,\n    .p-menu-item-checkbox:not(.p-disabled):hover,\n    .p-menu-item-radio:not(.p-disabled):hover {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-item.p-focus,\n    .p-menu-item-checkbox.p-focus,\n    .p-menu-item-radio.p-focus {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-submenu-label {\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        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-submenu-label:not(.p-disabled):hover {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-submenu-label.p-focus {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-item-icon {\n        margin-left: auto;\n        color: dt('menu.item.icon.color');\n        transition: transform 0.2s;\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-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\nexport const styles = createStyles<MenuInstance>({\n    name: 'menu',\n    style: _style,\n    classes: {\n        root: ({ props }) => [\n            'p-menu p-component',\n            {\n                'p-menu-composite': props.composite\n            }\n        ],\n        list: 'p-menu-list',\n        label: 'p-menu-label',\n        submenu: 'p-menu-submenu',\n        submenuLabel: ({ context }) => [\n            'p-menu-submenu-label',\n            {\n                'p-menu-submenu-label-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        checkboxItem: ({ context }) => [\n            'p-menu-item-checkbox',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        radioItem: ({ context }) => [\n            'p-menu-item-radio',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        trigger: 'p-menu-trigger-button',\n        icon: 'p-menu-item-icon',\n        checkboxIcon: 'p-menu-checkbox-icon',\n        radioIcon: 'p-menu-radio-icon'\n    },\n    inlineStyles: {\n        submenu: ({ props }) => ({\n            position: props.composite ? 'relative' : undefined\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyHVC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAOC,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,mBAAoBA,EAAM,SAC9B,CACJ,EACA,KAAM,cACN,MAAO,eACP,QAAS,iBACT,aAAc,CAAC,CAAE,QAAAC,CAAQ,IAAM,CAC3B,uBACA,CACI,8BAA+BA,EAAQ,OACvC,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,EACA,aAAc,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAC3B,uBACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACxB,oBACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,QAAS,wBACT,KAAM,mBACN,aAAc,uBACd,UAAW,mBACf,EACA,aAAc,CACV,QAAS,CAAC,CAAE,MAAAD,CAAM,KAAO,CACrB,SAAUA,EAAM,UAAY,WAAa,MAC7C,EACJ,CACJ,CAAC","names":["createStyles","_style","styles","props","context"]}
+{"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/{confirmdialog/ConfirmDialog.style.d.ts → navigationmenu/NavigationMenu.style.d.ts}

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

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.9",
+  "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