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

package/sidebar/SidebarLayout.style.d.ts

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

package/sidebar/index.d.ts

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

package/sidebar/index.mjs

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

package/skeleton/Skeleton.style.d.ts

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

package/skeleton/index.mjs

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

package/slider/Slider.style.d.ts

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

package/slider/index.mjs

@@ -1,2 +1 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/slider";var l=t({name:"slider",style:r,classes:{root:({props:e})=>["p-slider p-component",{"p-disabled":e.disabled,"p-slider-horizontal":e.orientation==="horizontal","p-slider-vertical":e.orientation==="vertical"}],range:"p-slider-range",thumb:"p-slider-handle"},inlineStyles:{range:{position:"absolute"},thumb:{position:"absolute"}}});export{l as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as r}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/slider";var l=r({name:"slider",style:t,classes:{root:({props:e})=>["p-slider p-component",{"p-disabled":e.disabled,"p-slider-horizontal":e.orientation==="horizontal","p-slider-vertical":e.orientation==="vertical"}],track:"p-slider-track",range:"p-slider-range",handle:"p-slider-handle",input:"p-slider-input"}});export{l as styles};

package/speeddial/SpeedDial.style.d.ts

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

package/speeddial/index.mjs

@@ -1,2 +1,23 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/speeddial";var r=t({name:"speeddial",style:n,classes:{root:({state:e,props:i})=>[`p-speeddial p-component p-speeddial-${i.type}`,{[`p-speeddial-direction-${i.direction}`]:i.type!=="circle","p-speeddial-open":e.visible,"p-disabled":i.disabled}],button:({props:e})=>["p-speeddial-button",{"p-speeddial-rotate":e.rotateAnimation}],list:"p-speeddial-list",item:"p-speeddial-item",action:"p-speeddial-action",actionIcon:"p-speeddial-action-icon"},inlineStyles:{root:({props:e})=>({alignItems:e.direction==="up"||e.direction==="down"?"center":void 0,justifyContent:e.direction==="left"||e.direction==="right"?"center":void 0,flexDirection:e.direction==="up"?"column-reverse":e.direction==="down"?"column":e.direction==="left"?"row-reverse":e.direction==="right"?"row":void 0}),list:({props:e})=>({flexDirection:e.direction==="up"?"column-reverse":e.direction==="down"?"column":e.direction==="left"?"row-reverse":e.direction==="right"?"row":void 0})}});export{r as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as t}from"@primereact/styles/utils";import{style as d}from"@primeuix/styles/speeddial";var o=`
+${d}
+
+.p-speeddial-opened .p-speeddial-list {
+    pointer-events: auto;
+}
+
+.p-speeddial-button {
+    transition:
+        transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,
+        background dt('speeddial.transition.duration'),
+        color dt('speeddial.transition.duration'),
+        border-color dt('speeddial.transition.duration'),
+        box-shadow dt('speeddial.transition.duration'),
+        outline-color dt('speeddial.transition.duration');
+    will-change: transform;
+}
+
+.p-speeddial-opened .p-speeddial-item {
+    transform: scale(1);
+    opacity: 1;
+}
+`,p=t({name:"speeddial",style:o,classes:{root:({state:i,props:e})=>[`p-speeddial p-component p-speeddial-${e.type}`,{[`p-speeddial-direction-${e.direction}`]:e.type!=="circle","p-speeddial-opened":i.visible,"p-disabled":e.disabled}],trigger:"p-speeddial-button",list:"p-speeddial-list",item:"p-speeddial-item",action:"p-speeddial-action",actionIcon:"p-speeddial-action-icon"}});export{p as styles};

package/splitter/Splitter.style.d.ts

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

package/splitter/index.mjs

@@ -1,2 +1 @@
-import{createStyles as e}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/splitter";var s=e({name:"splitter",style:r,classes:{root:({props:t})=>["p-splitter p-component","p-splitter-"+t.orientation],panel:({context:t})=>["p-splitterpanel",{"p-splitterpanel-nested":t.isNested}],gutter:"p-splitter-gutter",thumb:"p-splitter-gutter-handle"},inlineStyles:{thumb:({props:t})=>t.orientation==="horizontal"?{width:t.gutterSize}:{height:t.gutterSize}}});export{s as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as e}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/splitter";var i=e({name:"splitter",style:p,classes:{root:({props:t})=>["p-splitter p-component","p-splitter-"+t.orientation],panel:"p-splitter-panel",gutter:"p-splitter-gutter",handle:"p-splitter-gutter-handle"}});export{i as styles};

package/stepper/Stepper.style.d.ts

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

package/stepper/index.mjs

@@ -1,2 +1 @@
-import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/stepper";var a=p({name:"stepper",style:t,classes:{root:({props:e})=>["p-stepper p-component",{"p-readonly":e.linear}],separator:"p-stepper-separator",panels:"p-steppanels",panel:({context:e})=>["p-steppanel",{"p-steppanel-active":e.isVertical&&e.active}],content:"p-steppanel-content",list:"p-steplist",item:({context:e})=>["p-stepitem",{"p-stepitem-active":e.isActive}],step:({context:e})=>["p-step",{"p-step-active":e.active,"p-disabled":e.disabled}],header:"p-step-header",number:"p-step-number",title:"p-step-title"}});export{a as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/stepper";var a=p({name:"stepper",style:t,classes:{root:({props:e})=>["p-stepper p-component",{"p-readonly":e.linear}],separator:"p-stepper-separator",panels:"p-steppanels",contentWrapper:"p-steppanel-content-wrapper",panel:({context:e})=>["p-steppanel",{"p-steppanel-active":e.isVertical&&e.active}],content:"p-steppanel-content",list:"p-steplist",item:({context:e})=>["p-stepitem",{"p-stepitem-active":e.isActive}],step:({context:e})=>["p-step",{"p-step-active":e.active,"p-disabled":e.disabled}],header:"p-step-header",number:"p-step-number",title:"p-step-title"}});export{a as styles};

package/tabs/Tabs.style.d.ts

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

package/tabs/index.mjs

@@ -1,2 +1,11 @@
-import{createStyles as a}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/tabs";var b=a({name:"tabs",style:e,classes:{root:({props:t})=>["p-tabs p-component",{"p-tabs-scrollable":t.scrollable}],panels:"p-tabpanels",tab:({context:t})=>["p-tab",{"p-tab-active":t.active,"p-disabled":t.disabled}],panel:({context:t})=>["p-tabpanel",{"p-tabpanel-active":t.active}],list:"p-tablist",content:"p-tablist-content p-tablist-viewport",tabList:"p-tablist-tab-list",activeBar:"p-tablist-active-bar",prevButton:"p-tablist-prev-button p-tablist-nav-button",nextButton:"p-tablist-next-button p-tablist-nav-button"}});export{b as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as a}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/tabs";var s=`
+    ${e}
+
+    .p-tablist-active-bar {
+        inset-inline-start: auto;
+        left: var(--px-active-bar-left);
+        transition:
+            width 250ms cubic-bezier(0.35, 0, 0.25, 1),
+            left 250ms cubic-bezier(0.35, 0, 0.25, 1);
+    }
+`,b=a({name:"tabs",style:s,classes:{root:"p-tabs p-component",panels:"p-tabpanels",tab:({context:t})=>["p-tab",{"p-tab-active":t.active,"p-disabled":t.disabled}],panel:({context:t})=>["p-tabpanel",{"p-tabpanel-active":t.active}],list:"p-tablist",content:"p-tablist-content",activeBar:"p-tablist-active-bar",prevButton:"p-tablist-prev-button p-tablist-nav-button",nextButton:"p-tablist-next-button p-tablist-nav-button"}});export{b as styles};

package/tag/Tag.style.d.ts

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

package/tag/index.mjs

@@ -1,2 +1 @@
-import{createStyles as t}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/tag";var s=t({name:"tag",style:a,classes:{root:({props:e})=>["p-tag p-component",{"p-tag-info":e.severity==="info","p-tag-success":e.severity==="success","p-tag-warn":e.severity==="warn","p-tag-danger":e.severity==="danger","p-tag-secondary":e.severity==="secondary","p-tag-contrast":e.severity==="contrast","p-tag-rounded":e.rounded}],icon:"p-tag-icon",label:"p-tag-label"}});export{s as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as e}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/tag";var n=e({name:"tag",style:a,classes:{root:({props:t})=>["p-tag p-component",{"p-tag-info":t.severity==="info","p-tag-success":t.severity==="success","p-tag-warn":t.severity==="warn","p-tag-danger":t.severity==="danger","p-tag-secondary":t.severity==="secondary","p-tag-contrast":t.severity==="contrast","p-tag-rounded":t.rounded}]}});export{n as styles};

package/terminal/Terminal.style.d.ts

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

package/terminal/index.mjs

@@ -1,2 +1 @@
-import{createStyles as m}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/terminal";var r=m({name:"terminal",style:e,classes:{root:"p-terminal p-component",welcome:"p-terminal-welcome-message",commandList:"p-terminal-command-list",command:"p-terminal-command",commandValue:"p-terminal-command-value",commandResponse:"p-terminal-command-response",prompt:"p-terminal-prompt",promptLabel:"p-terminal-prompt-label",promptValue:"p-terminal-prompt-value"}});export{r as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as m}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/terminal";var a=m({name:"terminal",style:e,classes:{root:"p-terminal p-component",welcome:"p-terminal-welcome-message",commandList:"p-terminal-command-list",command:"p-terminal-command",commandValue:"p-terminal-command-value",commandResponse:"p-terminal-command-response",prompt:"p-terminal-prompt",promptLabel:"p-terminal-prompt-label",promptValue:"p-terminal-prompt-value"}});export{a as styles};

package/textarea/Textarea.style.d.ts

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

package/textarea/index.mjs

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

package/timeline/Timeline.style.d.ts

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

package/timeline/index.mjs

@@ -1,2 +1 @@
 import{createStyles as t}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/timeline";var m=t({name:"timeline",style:n,classes:{root:({props:e})=>["p-timeline p-component","p-timeline-"+e.align,"p-timeline-"+e.orientation],event:"p-timeline-event",opposite:"p-timeline-event-opposite",separator:"p-timeline-event-separator",marker:"p-timeline-event-marker",connector:"p-timeline-event-connector",content:"p-timeline-event-content"}});export{m as styles};
-//# sourceMappingURL=index.mjs.map

package/toast/Toast.style.d.ts

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

package/toast/index.mjs

@@ -1,4 +1 @@
-import{createStyles as t}from"@primereact/styles/utils";var o=`
-    
-`,e=t({name:"toast",style:o,classes:{region:"p-toast-region",title:"p-toast-title",item:"p-toast",icon:"p-toast-icon",description:"p-toast-description",close:"p-toast-close",action:"p-toast-action"}});export{e as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as s}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/toast";var r=s({name:"toast",style:e,classes:{root:({props:t})=>["p-toast-message p-component",{"p-toast-message-normal":t.toast?.severity==="normal"||t.toast?.severity===void 0,"p-toast-message-info":t.toast?.severity==="info","p-toast-message-warn":t.toast?.severity==="warn","p-toast-message-error":t.toast?.severity==="error","p-toast-message-success":t.toast?.severity==="success","p-toast-message-secondary":t.toast?.severity==="secondary","p-toast-message-contrast":t.toast?.severity==="contrast"}],message:"p-toast-message-text",content:"p-toast-message-content",title:"p-toast-summary",icon:"p-toast-message-icon",description:"p-toast-detail",close:"p-toast-close-button",action:"p-toast-action"}});export{r as styles};

package/{orgchart/OrgChart.style.d.ts → toaster/Toaster.style.d.ts}

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

package/toaster/index.d.ts

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

package/toaster/index.mjs

@@ -0,0 +1 @@
+import{createStyles as o}from"@primereact/styles/utils";var s=o({name:"toaster",classes:{region:({props:t})=>["p-toast p-component","p-toast-"+t.position]}});export{s as styles};

package/togglebutton/ToggleButton.style.d.ts

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

package/togglebutton/index.d.ts

@@ -1,2 +1 @@
 export * from './ToggleButton.style';
-export * from './ToggleButtonGroup.style';

package/togglebutton/index.mjs

@@ -1,2 +1 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/togglebutton";var c=r({name:"togglebutton",style:s,classes:{root:({instance:t,props:o,state:g})=>{var e,n,p,l;return["p-togglebutton p-component",{"p-togglebutton-checked":g.pressed,"p-invalid":o.invalid,"p-togglebutton-sm p-inputfield-sm":((n=(e=t.group)==null?void 0:e.props.size)!=null?n:o.size)==="small","p-togglebutton-lg p-inputfield-lg":((l=(p=t.group)==null?void 0:p.props.size)!=null?l:o.size)==="large"}]},indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});import{createStyles as i}from"@primereact/styles/utils";import{style as u}from"@primeuix/styles/selectbutton";var y=i({name:"selectbutton",style:u,classes:{root:({props:t})=>["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid}]}});export{y as groupStyles,c as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as g}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/togglebutton";var u=g({name:"togglebutton",style:n,classes:{root:({instance:o,props:t,state:e,context:l})=>["p-togglebutton p-component",{"p-togglebutton-checked":e.pressed,"p-invalid":t.invalid,"p-togglebutton-sm p-inputfield-sm":(o.group?.props.size??t.size)==="small","p-togglebutton-lg p-inputfield-lg":(o.group?.props.size??t.size)==="large","p-togglebutton-fluid":t.fluid??l.$fluid}],indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});export{u as styles};

package/{togglebutton → togglebuttongroup}/ToggleButtonGroup.style.d.ts

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

package/togglebuttongroup/index.d.ts

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

package/togglebuttongroup/index.mjs

@@ -0,0 +1 @@
+import{createStyles as e}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/selectbutton";var l=e({name:"selectbutton",style:n,classes:{root:({props:t,context:o})=>["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid,"p-selectbutton-fluid":t.fluid??o.$fluid}]}});export{l as styles};

package/toggleswitch/ToggleSwitch.style.d.ts

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

package/toggleswitch/index.d.ts

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

package/toggleswitch/index.mjs

@@ -0,0 +1 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/toggleswitch";var c=o({name:"toggleswitch",style:i,classes:{root:({state:e,props:t})=>["p-toggleswitch p-component",{"p-toggleswitch-checked":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid}],input:"p-toggleswitch-input",control:"p-toggleswitch-slider",handle:"p-toggleswitch-handle"},inlineStyles:{root:{position:"relative"}}});export{c as styles};

package/toolbar/Toolbar.style.d.ts

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

package/toolbar/index.mjs

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

package/tooltip/Tooltip.style.d.ts

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

package/tooltip/index.mjs

@@ -1,64 +1,61 @@
 import{createStyles as t}from"@primereact/styles/utils";var o=`
-    .p-tooltip2 {
-        /*transform: scale(0.95);*/
-        /*opacity: 0;*/
-        transform-origin: var(--placer-transform-origin);
-        max-width: dt('tooltip.max.width');
-        background: dt('tooltip.background');
-        color: dt('tooltip.color');
-        padding: dt('tooltip.padding');
-        box-shadow: dt('tooltip.shadow');
-        border-radius: dt('tooltip.border.radius');
-    }
-
-    .p-tooltip2-text {
-        white-space: pre-line;
-        word-break: break-word;
-    }
-
-    .p-tooltip2-arrow {
-        display: block;
-        clip-path: polygon(0 100%, 0 0, 100% 100%);
-        border-bottom-left-radius: 2px;
-        width: 0.5rem;
-        height: 0.5rem;
-        background: dt('tooltip.background');
-    }
-
-    .p-tooltip2-arrow[data-side='right'] {
-        transform: translateX(50%) rotate(45deg);
+.p-tooltip-popup {
+    position: relative;
+    background: dt('tooltip.background');
+    border-radius: dt('tooltip.border.radius');
+    padding: dt('tooltip.padding');
+    max-width: dt('tooltip.max.width');
+    font-weight: dt('tooltip.font.weight');
+    font-size: dt('tooltip.font.size');
+    color: dt('tooltip.color');
+    transform-origin: var(--px-transform-origin);
+    box-shadow: dt('tooltip.shadow');
+    opacity: 1;
+    scale: 1;
+    transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);
+
+    &[data-enter-from],
+    &[data-leave-to] {
+        opacity: 0;
+        scale: 0.93;
     }
 
-    .p-tooltip2-arrow[data-side='left'] {
-        transform: translateX(-50%) rotate(-135deg);
+    &[data-instant] {
+        transition-duration: 0s !important;
     }
+}
 
-    .p-tooltip2-arrow[data-side='top'] {
-        transform: translateY(-50%) rotate(-45deg);
-    }
+.p-tooltip-arrow {
+    position: absolute;
+    background: dt('tooltip.background');
+    width:0.5rem;
+    height:0.5rem;
+    border-bottom-left-radius: 3px;
+    clip-path: polygon(0 100%, 0 0, 100% 100%);
 
-    .p-tooltip2-arrow[data-side='bottom'] {
-        transform: translateY(50%) rotate(135deg);
+    &[data-side='top']{
+        left: var(--px-placer-arrow-x);
+        bottom: -0.25rem;
+        transform: translateX(-50%) rotate(-45deg);
     }
 
-    .p-placer-content-enter-from,
-    .p-placer-content-leave-to {
-        opacity: 0;
-        transform: scale(0.9);
+    &[data-side='bottom']{
+        left: var(--px-placer-arrow-x);
+        top: -0.25rem;
+        transform: translateX(-50%) rotate(135deg);
     }
 
-    .p-placer-content-enter-to,
-    .p-placer-content-leave-from {
-        opacity: 1;
-        transform: scale(1);
+    &[data-side='left']{
+        top: var(--px-placer-arrow-y);
+        right: -0.25rem;
+        transform: translateY(-50%) rotate(-135deg);
     }
 
-    .p-placer-content-leave-active,
-    .p-placer-content-enter-active {
-        transition:
-            opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
-            transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
+    &[data-side='right']{
+        top: var(--px-placer-arrow-y);
+        left: -0.25rem;
+        transform: translateY(-50%) rotate(45deg);
     }
+}
 
-`,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
-//# sourceMappingURL=index.mjs.map
+`,a=t({name:"tooltip",style:o,classes:{root:"p-tooltip p-component",popup:"p-tooltip-popup",positioner:"p-tooltip-positioner",arrow:"p-tooltip-arrow",manager:"p-tooltip-manager"}});export{a as styles};

package/tree/Tree.style.d.ts

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