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

package/inputtags/InputTags.style.d.ts

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

package/inputtags/index.mjs

@@ -1,68 +1 @@
-import{createStyles as a}from"@primereact/styles/utils";import{isNotEmpty as r}from"@primeuix/utils";var u=`
-    .p-inputtags {
-        display: flex;
-        flex-wrap: wrap;
-        align-items: center;
-        position: relative;
-        padding: calc(dt('inputtext.padding.y') /2) dt('inputtext.padding.y');
-        gap: calc(dt('inputtext.padding.y') /2);
-        color: dt('inputtext.color');
-        background: dt('inputtext.background');
-        border: 1px solid dt('inputtext.border.color');
-        transition:
-            background dt('inputtext.transition.duration'),
-            color dt('inputtext.transition.duration'),
-            border-color dt('inputtext.transition.duration'),
-            outline-color dt('inputtext.transition.duration'),
-            box-shadow dt('inputtext.transition.duration');
-        appearance: none;
-        border-radius: dt('inputtext.border.radius');
-        outline-color: transparent;
-        box-shadow: dt('inputtext.shadow');
-    }
-
-    .p-inputtags .p-inputtags-item {
-        padding-inline: dt('inputtext.padding.y');
-        padding-block: calc(dt('inputtext.padding.y') /2);
-        border-radius: dt('border.radius.sm');
-    }
-
-    .p-inputtags .p-inputtags-item .p-chip-label {
-        line-height: 1;
-    }
-
-    .p-inputtags .p-inputtags-item.p-focused {
-        background-color: light-dark(var(--p-surface-200), var(--p-surface-700));
-    }
-
-    .p-inputtags .p-inputtags-item.p-focused .p-chip-remove-icon {
-        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
-        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
-        outline-offset: dt('chip.remove.icon.focus.ring.offset');
-    }
-
-    .p-inputtags .p-inputtags-input {
-        border: 0 none;
-        outline: 0 none;
-        background-color: transparent;
-        margin-left: calc(dt('inputtext.padding.y') /2);
-        padding: calc(dt('inputtext.padding.y') /2);
-        box-shadow: none;
-        border-radius: 0;
-    }
-
-    .p-inputtags.p-invalid {
-        border-color: dt('inputtext.invalid.border.color');
-    }
-
-    .p-inputtags.p-disabled {
-        opacity: 1;
-        background: dt('inputtext.disabled.background');
-        color: dt('inputtext.disabled.color');
-    }
-
-    .p-inputtags.p-variant-filled {
-        background: dt('inputtext.filled.background');
-    }
-`,s=a({name:"inputtags",style:u,classes:{root:({props:t,context:e,attrs:i,state:n})=>{var o,d,p;return["p-inputtags p-component",{"p-invalid":t.invalid,"p-variant-filled":t.variant==="filled","p-inputtags-fluid":(o=t.fluid)!=null?o:e.$fluid,"p-inputwrapper-filled":r((p=(d=i==null?void 0:i.value)!=null?d:i==null?void 0:i.defaultValue)!=null?p:n==null?void 0:n.value),"p-disabled":t.disabled}]},item:({context:t})=>["p-inputtags-item",{"p-focused":t.focused}],input:"p-inputtags-input"}});export{s as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as p}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/inputtags";import{isNotEmpty as o}from"@primeuix/utils";var u=p({name:"inputtags",style:l,classes:{root:({props:t,context:a,attrs:i,state:e})=>["p-inputtags p-component",{"p-focus":e.focused,"p-invalid":t.invalid,"p-variant-filled":t.variant==="filled","p-inputtags-fluid":t.fluid??a.$fluid,"p-inputwrapper-filled":o(i?.value??i?.defaultValue??e?.value),"p-disabled":t.disabled}]}});export{u as styles};

package/inputtext/InputText.style.d.ts

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

package/inputtext/index.mjs

@@ -1,2 +1 @@
-import{createStyles as n}from"@primereact/styles/utils";import{style as m}from"@primeuix/styles/inputtext";import{isNotEmpty as u}from"@primeuix/utils";var x=n({name:"inputtext",style:m,classes:{root:({props:i,attrs:e,context:p})=>{var t,l;return["p-inputtext p-component",{"p-inputtext-sm p-inputfield-sm":i.size==="small","p-inputtext-lg p-inputfield-lg":i.size==="large","p-invalid":i.invalid,"p-variant-filled":i.variant==="filled","p-inputtext-fluid":(t=i.fluid)!=null?t:p.$fluid,"p-filled":u((l=e==null?void 0:e.value)!=null?l:e==null?void 0:e.defaultValue)}]}}});export{x as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as l}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/inputtext";import{isNotEmpty as n}from"@primeuix/utils";var f=l({name:"inputtext",style:p,classes:{root:({props:t,attrs:e,context:i})=>["p-inputtext p-component",{"p-inputtext-sm p-inputfield-sm":t.size==="small","p-inputtext-lg p-inputfield-lg":t.size==="large","p-invalid":t.invalid,"p-variant-filled":t.variant==="filled","p-inputtext-fluid":t.fluid??i.$fluid,"p-filled":n(e?.value??e?.defaultValue)}]}});export{f as styles};

package/knob/Knob.style.d.ts

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

package/knob/index.mjs

@@ -1,2 +1 @@
 import{createStyles as o}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/knob";var r=o({name:"knob",style:t,classes:{root:({props:e})=>["p-knob p-component",{"p-disabled":e.disabled,"p-invalid":e.invalid}],range:"p-knob-range",value:"p-knob-value",text:"p-knob-text"}});export{r as styles};
-//# sourceMappingURL=index.mjs.map

package/label/Label.style.d.ts

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

package/label/index.d.ts

@@ -1,3 +1 @@
-export * from './FloatLabel.style';
-export * from './IftaLabel.style';
 export * from './Label.style';

package/label/index.mjs

@@ -1,2 +1 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/floatlabel";var n=t({name:"floatlabel",style:a,classes:{root:({props:e})=>["p-floatlabel",{"p-floatlabel-over":e.variant==="over","p-floatlabel-on":e.variant==="on","p-floatlabel-in":e.variant==="in"}]}});import{createStyles as l}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/iftalabel";var b=l({name:"iftalabel",style:o,classes:{root:"p-iftalabel"}});import{createStyles as r}from"@primereact/styles/utils";var I=r({name:"label"});export{n as floatStyles,b as iftaStyles,I as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/label";var l=e({name:"label",style:t,classes:{root:"p-label p-component"}});export{l as styles};

package/listbox/Listbox.style.d.ts

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

package/listbox/index.mjs

@@ -1,22 +1,21 @@
-import{createStyles as i}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/listbox";var l=`
-    ${s}
+import{createStyles as e}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/listbox";var l=`
+${s}
 
-    /* For PrimeReact */
-    .p-listbox-selection {
-        /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */
-        margin-inline-end: dt('listbox.checkmark.gutter.end');
-    }
+/* For PrimeReact */
+.p-listbox-list {
+    overflow: auto;
+}
 
-    .p-listbox-list {
-        overflow: auto;
-    }
+.p-listbox-option {
+    flex-shrink: 0;
+}
 
-    .p-listbox-option {
-        flex-shrink: 0;
-    }
+.p-listbox-option-indicator {
+    display: flex;
+    align-items: center;
+}
 
-    .p-listbox-empty-message {
-        display: flex;
-    }
-`,r=i({name:"listbox",style:l,classes:{root:({props:t})=>["p-listbox p-component",{"p-listbox-striped":t.striped,"p-disabled":t.disabled,"p-listbox-fluid":t.fluid,"p-invalid":t.invalid}],header:"p-listbox-header",footer:"p-listbox-footer",pcFilter:"p-listbox-filter",list:"p-listbox-list",optionGroup:"p-listbox-option-group",option:({props:t,state:e,context:o})=>["p-listbox-option",{"p-listbox-option-selected":o.selected&&!(t.checkbox||t.checkmark),"p-focus":e.focusedOptionIndex===o.index,"p-disabled":o.disabled}],selection:"p-listbox-selection",optionCheckIcon:"p-listbox-option-check-icon",optionBlankIcon:"p-listbox-option-blank-icon",empty:"p-listbox-empty-message"}});export{r as styles};
-//# sourceMappingURL=index.mjs.map
+.p-listbox-empty-message {
+    display: flex;
+}
+`,r=e({name:"listbox",style:l,classes:{root:({props:o})=>["p-listbox p-component",{"p-listbox-striped":o.striped,"p-disabled":o.disabled,"p-listbox-fluid":o.fluid,"p-invalid":o.invalid}],header:"p-listbox-header",footer:"p-listbox-footer",pcFilter:"p-listbox-filter",list:"p-listbox-list",optionGroup:"p-listbox-option-group",option:({props:o,state:i,context:t})=>["p-listbox-option",{"p-listbox-option-selected":t.selected&&!(o.checkbox||o.checkmark),"p-focus":i.focusedOptionIndex===t.index,"p-disabled":t.disabled}],optionIndicator:"p-listbox-option-indicator",optionCheckIcon:"p-listbox-option-check-icon",optionBlankIcon:"p-listbox-option-blank-icon",empty:"p-listbox-empty-message"}});export{r as styles};

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,158 @@
-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};
-//# sourceMappingURL=index.mjs.map
+}
+`,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};

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 @@
-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};
-//# sourceMappingURL=index.mjs.map
+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};

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 @@
-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};
-//# sourceMappingURL=index.mjs.map
+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};

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 @@
+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};

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,25 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/organizationchart";var a=`
+    ${r}
+
+    [dir="rtl"] .p-organizationchart-tree::before {
+        right: auto;
+        left: 50%;
+    }
+
+    [dir="rtl"] .p-organizationchart-tree::after {
+        left: auto;
+        right: 50%;
+        border-left: 0 none;
+        border-right: 1px solid dt('organizationchart.connector.color');
+    }
+
+    [dir="rtl"] .p-organizationchart-tree:first-of-type::after {
+        border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;
+    }
+
+    [dir="rtl"] .p-organizationchart-tree:last-of-type::before {
+        border-right: 0 none;
+        border-left: 1px solid dt('organizationchart.connector.color');
+        border-radius: dt('organizationchart.connector.border.radius') 0 0 0;
+    }
+`,i=o({name:"organizationchart",style:a,classes:{root:"p-organizationchart p-component",tree:"p-organizationchart-tree",subtree:({context:t})=>["p-organizationchart-subtree",{"p-organizationchart-subtree-root":t?.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{i as styles};

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 @@
+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};