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

package/select/index.mjs

@@ -0,0 +1,79 @@
+import{createStyles as p}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/select";var s=`
+${a}
+
+/* For PrimeReact */
+.p-select-popup {
+    position: relative;
+    background: dt('select.overlay.background');
+    color: dt('select.overlay.color');
+    border: 1px solid dt('select.overlay.border.color');
+    border-radius: dt('select.overlay.border.radius');
+    box-shadow: dt('select.overlay.shadow');
+    width: var(--px-positioner-anchor-width, max-content);
+    transform-origin: var(--px-transform-origin);
+    will-change: transform, opacity;
+}
+
+.p-select-trigger {
+    display: inline-flex;
+    width: 100%;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.p-select-value {
+    text-align: left;
+}
+
+.p-select-clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    align-self: center;
+    cursor: pointer;
+}
+
+.p-select-list {
+    border: unset;
+    overflow: auto;
+}
+
+.p-select-option {
+    flex-shrink: 0;
+}
+
+.p-select-arrow {
+    position: absolute;
+    border: 1px solid dt('select.overlay.border.color');
+    background: dt('select.overlay.background');
+    width: 0.75rem;
+    height: 0.75rem;
+    border-bottom-left-radius: 3px;
+    clip-path: polygon(0 100%, 0 0, 100% 100%);
+
+    &[data-side='top'] {
+        left: var(--px-placer-arrow-x);
+        bottom: -0.375rem;
+        transform: translateX(-50%) rotate(-45deg);
+    }
+
+    &[data-side='bottom'] {
+        left: var(--px-placer-arrow-x);
+        top: -0.375rem;
+        transform: translateX(-50%) rotate(135deg);
+    }
+
+    &[data-side='left'] {
+        top: var(--px-placer-arrow-y);
+        right: -0.375rem;
+        transform: translateY(-50%) rotate(-135deg);
+    }
+
+    &[data-side='right'] {
+        top: var(--px-placer-arrow-y);
+        left: -0.375rem;
+        transform: translateY(-50%) rotate(45deg);
+    }
+}
+`,c=p({name:"select",style:s,classes:{root:({instance:e,props:r,context:o,state:l})=>{var t;return["p-select p-component p-inputwrapper",{"p-invalid":r.invalid,"p-focus":l.focused,"p-variant-filled":r.variant==="filled","p-inputwrapper-filled":e==null?void 0:e.hasValue(),"p-inputwrapper-focus":l.focused||l.opened,"p-select-fluid":(t=r.fluid)!=null?t:o.$fluid,"p-disabled":r.disabled,"p-select-sm p-inputfield-sm":r.size==="small","p-select-lg p-inputfield-lg":r.size==="large"}]},clear:"p-select-clear",indicator:"p-select-indicator p-select-dropdown",trigger:"p-select-trigger",value:({context:e})=>["p-select-value p-select-label",{"p-select-value-empty p-select-label-empty":e==null?void 0:e.empty,"p-placeholder":e==null?void 0:e.showPlaceholder}],positioner:"p-select-positioner",popup:"p-select-popup",header:"p-select-header",filter:"p-select-filter",list:"p-select-list",options:"p-select-options",option:({context:e})=>["p-select-option",{"p-focus":e==null?void 0:e.focused,"p-disabled":e==null?void 0:e.disabled,"p-select-option-selected":e==null?void 0:e.selected}],optionGroup:"p-select-option-group",optionIndicator:"p-select-option-indicator",arrow:"p-select-arrow",empty:"p-select-empty-message"}});export{c as styles};
+//# sourceMappingURL=index.mjs.map

package/select/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/select/Select.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SelectRootInstance } from '@primereact/types/primitive/select';\nimport { style as select_style } from '@primeuix/styles/select';\n\nconst style = /*css*/ `\n${select_style}\n\n/* For PrimeReact */\n.p-select-popup {\n    position: relative;\n    background: dt('select.overlay.background');\n    color: dt('select.overlay.color');\n    border: 1px solid dt('select.overlay.border.color');\n    border-radius: dt('select.overlay.border.radius');\n    box-shadow: dt('select.overlay.shadow');\n    width: var(--px-positioner-anchor-width, max-content);\n    transform-origin: var(--px-transform-origin);\n    will-change: transform, opacity;\n}\n\n.p-select-trigger {\n    display: inline-flex;\n    width: 100%;\n    outline: 0 none;\n    cursor: pointer;\n}\n\n.p-select-value {\n    text-align: left;\n}\n\n.p-select-clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    align-self: center;\n    cursor: pointer;\n}\n\n.p-select-list {\n    border: unset;\n    overflow: auto;\n}\n\n.p-select-option {\n    flex-shrink: 0;\n}\n\n.p-select-arrow {\n    position: absolute;\n    border: 1px solid dt('select.overlay.border.color');\n    background: dt('select.overlay.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<SelectRootInstance>({\n    name: 'select',\n    style,\n    classes: {\n        root: ({ instance, props, context, state }) => [\n            'p-select p-component p-inputwrapper',\n            {\n                'p-invalid': props.invalid,\n                'p-focus': state.focused,\n                'p-variant-filled': props.variant === 'filled',\n                'p-inputwrapper-filled': instance?.hasValue(),\n                'p-inputwrapper-focus': state.focused || state.opened,\n                'p-select-fluid': props.fluid ?? context.$fluid,\n                'p-disabled': props.disabled,\n                'p-select-sm p-inputfield-sm': props.size === 'small',\n                'p-select-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        clear: 'p-select-clear',\n        indicator: 'p-select-indicator p-select-dropdown',\n        trigger: 'p-select-trigger',\n        value: ({ context }) => [\n            'p-select-value p-select-label',\n            {\n                'p-select-value-empty p-select-label-empty': context?.empty,\n                'p-placeholder': context?.showPlaceholder\n            }\n        ],\n        positioner: 'p-select-positioner',\n        popup: 'p-select-popup',\n        header: 'p-select-header',\n        filter: 'p-select-filter',\n        list: 'p-select-list',\n        options: 'p-select-options',\n        option: ({ context }) => [\n            'p-select-option',\n            {\n                'p-focus': context?.focused,\n                'p-disabled': context?.disabled,\n                'p-select-option-selected': context?.selected\n            }\n        ],\n        optionGroup: 'p-select-option-group',\n        optionIndicator: 'p-select-option-indicator',\n        arrow: 'p-select-arrow',\n        empty: 'p-select-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAoB,0BAEtC,IAAMC,EAAgB;AAAA,EACpBD,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8EDE,EAASH,EAAiC,CACnD,KAAM,SACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,QAAAC,EAAS,MAAAC,CAAM,IAAG,CAvFpD,IAAAC,EAuFuD,OAC3C,sCACA,CACI,YAAaH,EAAM,QACnB,UAAWE,EAAM,QACjB,mBAAoBF,EAAM,UAAY,SACtC,wBAAyBD,GAAA,YAAAA,EAAU,WACnC,uBAAwBG,EAAM,SAAWA,EAAM,OAC/C,kBAAkBC,EAAAH,EAAM,QAAN,KAAAG,EAAeF,EAAQ,OACzC,aAAcD,EAAM,SACpB,8BAA+BA,EAAM,OAAS,QAC9C,8BAA+BA,EAAM,OAAS,OAClD,CACJ,GACA,MAAO,iBACP,UAAW,uCACX,QAAS,mBACT,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACpB,gCACA,CACI,4CAA6CA,GAAA,YAAAA,EAAS,MACtD,gBAAiBA,GAAA,YAAAA,EAAS,eAC9B,CACJ,EACA,WAAY,sBACZ,MAAO,iBACP,OAAQ,kBACR,OAAQ,kBACR,KAAM,gBACN,QAAS,mBACT,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACrB,kBACA,CACI,UAAWA,GAAA,YAAAA,EAAS,QACpB,aAAcA,GAAA,YAAAA,EAAS,SACvB,2BAA4BA,GAAA,YAAAA,EAAS,QACzC,CACJ,EACA,YAAa,wBACb,gBAAiB,4BACjB,MAAO,iBACP,MAAO,wBACX,CACJ,CAAC","names":["createStyles","select_style","style","styles","instance","props","context","state","_a"]}

package/sidebar/Sidebar.style.d.ts

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

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

package/sidebar/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/sidebar/Sidebar.style.ts","../../src/sidebar/SidebarLayout.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';\nimport { style as sidebar_style } from '@primeuix/styles/sidebar';\n\nconst style = /*css*/ `\n${sidebar_style}\n\n/* For PrimeReact */\n.p-sidebar-menu-item[data-collapsible] > .p-sidebar-menu-sub {\n    height: var(--sidebar-menu-sub-height, auto);\n}\n\n.p-sidebar-menu-sub-enter-from,\n.p-sidebar-menu-sub-leave-to {\n    opacity: 0;\n}\n\n.p-sidebar-menu-sub-enter-active,\n.p-sidebar-menu-sub-leave-active {\n    transition: height 200ms ease-out, opacity 200ms ease-out;\n}\n\n\n/*\n * Badge: only has opacity transition, so we can safely use a delayed\n * fade-in (waits for aside width transition) and fast fade-out.\n */\n.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-badge {\n    opacity: 1;\n    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms;\n}\n\n.p-sidebar[data-collapsible=\"icon\"] .p-sidebar-menu-item .p-sidebar-menu-badge {\n    display: flex;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1);\n}\n\n/*\n * Action: base already transitions opacity + color + background. Keep\n * those intact (hover should stay snappy). We only add a delayed\n * opacity ramp on top of the base by listing all three properties.\n * The :not([data-show-on-hover]) carve-out preserves the existing\n * show-on-hover opacity logic.\n */\n.p-sidebar .p-sidebar-menu-item .p-sidebar-menu-action:not([data-show-on-hover]) {\n    opacity: 1;\n    transition: opacity 150ms cubic-bezier(.4, 0, .2, 1) 150ms, color 150ms, background 150ms;\n}\n\n.p-sidebar[data-collapsible=\"icon\"] .p-sidebar-menu-item .p-sidebar-menu-action {\n    display: flex;\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 100ms cubic-bezier(.4, 0, .2, 1), color 150ms, background 150ms;\n}\n`;\n\nexport const styles = createStyles<SidebarRootInstance>({\n    name: 'sidebar',\n    style,\n    classes: {\n        root: 'p-sidebar p-component',\n        spacer: 'p-sidebar-spacer',\n        aside: 'p-sidebar-aside',\n        panel: 'p-sidebar-panel',\n        header: 'p-sidebar-header',\n        content: 'p-sidebar-content',\n        footer: 'p-sidebar-footer',\n        group: 'p-sidebar-group',\n        groupLabel: 'p-sidebar-group-label',\n        groupAction: 'p-sidebar-group-action',\n        groupContent: 'p-sidebar-group-content',\n        menu: 'p-sidebar-menu',\n        menuItem: 'p-sidebar-menu-item',\n        menuButton: 'p-sidebar-menu-button',\n        menuAction: 'p-sidebar-menu-action',\n        menuBadge: 'p-sidebar-menu-badge',\n        menuSub: 'p-sidebar-menu-sub',\n        menuSubItem: 'p-sidebar-menu-sub-item',\n        menuSubButton: 'p-sidebar-menu-sub-button',\n        trigger: 'p-sidebar-trigger',\n        rail: 'p-sidebar-rail'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { SidebarRootInstance } from '@primereact/types/primitive/sidebar';\n\nexport const layoutStyles = createStyles<SidebarRootInstance>({\n    name: 'sidebarlayout',\n    classes: {\n        layout: 'p-sidebar-layout',\n        main: 'p-sidebar-main',\n        backdrop: 'p-sidebar-backdrop p-overlay-mask'\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsDFE,EAASH,EAAkC,CACpD,KAAM,UACN,MAAAE,EACA,QAAS,CACL,KAAM,wBACN,OAAQ,mBACR,MAAO,kBACP,MAAO,kBACP,OAAQ,mBACR,QAAS,oBACT,OAAQ,mBACR,MAAO,kBACP,WAAY,wBACZ,YAAa,yBACb,aAAc,0BACd,KAAM,iBACN,SAAU,sBACV,WAAY,wBACZ,WAAY,wBACZ,UAAW,uBACX,QAAS,qBACT,YAAa,0BACb,cAAe,4BACf,QAAS,oBACT,KAAM,gBACV,CACJ,CAAC,ECrFD,OAAS,gBAAAE,MAAoB,2BAGtB,IAAMC,EAAeD,EAAkC,CAC1D,KAAM,gBACN,QAAS,CACL,OAAQ,mBACR,KAAM,iBACN,SAAU,mCACd,CACJ,CAAC","names":["createStyles","sidebar_style","style","styles","createStyles","layoutStyles"]}

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

package/skeleton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/skeleton/Skeleton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SkeletonInstance } from '@primereact/types/shared/skeleton';\nimport { style } from '@primeuix/styles/skeleton';\n\nexport const styles = createStyles<SkeletonInstance>({\n    name: 'skeleton',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-skeleton p-component',\n            {\n                'p-skeleton-circle': props.shape === 'circle',\n                'p-skeleton-animation-none': props.animation === 'none'\n            }\n        ]\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,yBACA,CACI,oBAAqBA,EAAM,QAAU,SACrC,4BAA6BA,EAAM,YAAc,MACrD,CACJ,CACJ,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/skeleton/Skeleton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SkeletonInstance } from '@primereact/types/primitive/skeleton';\nimport { style } from '@primeuix/styles/skeleton';\n\nexport const styles = createStyles<SkeletonInstance>({\n    name: 'skeleton',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-skeleton p-component',\n            {\n                'p-skeleton-circle': props.shape === 'circle',\n                'p-skeleton-animation-none': props.animation === 'none'\n            }\n        ]\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,yBACA,CACI,oBAAqBA,EAAM,QAAU,SACrC,4BAA6BA,EAAM,YAAc,MACrD,CACJ,CACJ,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","props"]}

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

package/slider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/slider/Slider.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SliderInstance } from '@primereact/types/shared/slider';\nimport { style } from '@primeuix/styles/slider';\n\nexport const styles = createStyles<SliderInstance>({\n    name: 'slider',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-slider p-component',\n            {\n                'p-disabled': props.disabled,\n                'p-slider-horizontal': props.orientation === 'horizontal',\n                'p-slider-vertical': props.orientation === 'vertical'\n            }\n        ],\n        range: 'p-slider-range',\n        thumb: 'p-slider-handle'\n    },\n    inlineStyles: {\n        range: { position: 'absolute' },\n        thumb: { position: 'absolute' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,aAAcA,EAAM,SACpB,sBAAuBA,EAAM,cAAgB,aAC7C,oBAAqBA,EAAM,cAAgB,UAC/C,CACJ,EACA,MAAO,iBACP,MAAO,iBACX,EACA,aAAc,CACV,MAAO,CAAE,SAAU,UAAW,EAC9B,MAAO,CAAE,SAAU,UAAW,CAClC,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/slider/Slider.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SliderRootInstance } from '@primereact/types/primitive/slider';\nimport { style } from '@primeuix/styles/slider';\n\nexport const styles = createStyles<SliderRootInstance>({\n    name: 'slider',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-slider p-component',\n            {\n                'p-disabled': props.disabled,\n                'p-slider-horizontal': props.orientation === 'horizontal',\n                'p-slider-vertical': props.orientation === 'vertical'\n            }\n        ],\n        track: 'p-slider-track',\n        range: 'p-slider-range',\n        handle: 'p-slider-handle',\n        input: 'p-slider-input'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,uBACA,CACI,aAAcA,EAAM,SACpB,sBAAuBA,EAAM,cAAgB,aAC7C,oBAAqBA,EAAM,cAAgB,UAC/C,CACJ,EACA,MAAO,iBACP,MAAO,iBACP,OAAQ,kBACR,MAAO,gBACX,CACJ,CAAC","names":["createStyles","style","styles","props"]}

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

package/speeddial/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/speeddial/SpeedDial.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SpeedDialInstance } from '@primereact/types/shared/speeddial';\nimport { style } from '@primeuix/styles/speeddial';\n\nexport const styles = createStyles<SpeedDialInstance>({\n    name: 'speeddial',\n    style,\n    classes: {\n        root: ({ state, props }) => [\n            `p-speeddial p-component p-speeddial-${props.type}`,\n            {\n                [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle',\n                'p-speeddial-open': state.visible,\n                'p-disabled': props.disabled\n            }\n        ],\n        button: ({ props }) => [\n            'p-speeddial-button',\n            {\n                'p-speeddial-rotate': props.rotateAnimation\n            }\n        ],\n        list: 'p-speeddial-list',\n        item: 'p-speeddial-item',\n        action: 'p-speeddial-action',\n        actionIcon: 'p-speeddial-action-icon'\n    },\n    inlineStyles: {\n        root: ({ props }) => ({\n            alignItems: props.direction === 'up' || props.direction === 'down' ? 'center' : undefined,\n            justifyContent: props.direction === 'left' || props.direction === 'right' ? 'center' : undefined,\n            flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : undefined\n        }),\n        list: ({ props }) => ({\n            flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : undefined\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,uCAAuCA,EAAM,IAAI,GACjD,CACI,CAAC,yBAAyBA,EAAM,SAAS,EAAE,EAAGA,EAAM,OAAS,SAC7D,mBAAoBD,EAAM,QAC1B,aAAcC,EAAM,QACxB,CACJ,EACA,OAAQ,CAAC,CAAE,MAAAA,CAAM,IAAM,CACnB,qBACA,CACI,qBAAsBA,EAAM,eAChC,CACJ,EACA,KAAM,mBACN,KAAM,mBACN,OAAQ,qBACR,WAAY,yBAChB,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,WAAYA,EAAM,YAAc,MAAQA,EAAM,YAAc,OAAS,SAAW,OAChF,eAAgBA,EAAM,YAAc,QAAUA,EAAM,YAAc,QAAU,SAAW,OACvF,cAAeA,EAAM,YAAc,KAAO,iBAAmBA,EAAM,YAAc,OAAS,SAAWA,EAAM,YAAc,OAAS,cAAgBA,EAAM,YAAc,QAAU,MAAQ,MAC5L,GACA,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,cAAeA,EAAM,YAAc,KAAO,iBAAmBA,EAAM,YAAc,OAAS,SAAWA,EAAM,YAAc,OAAS,cAAgBA,EAAM,YAAc,QAAU,MAAQ,MAC5L,EACJ,CACJ,CAAC","names":["createStyles","style","styles","state","props"]}
+{"version":3,"sources":["../../src/speeddial/SpeedDial.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SpeedDialRootInstance } from '@primereact/types/primitive/speeddial';\nimport { style as _style } from '@primeuix/styles/speeddial';\n\nconst style = /*css*/ `\n${_style}\n\n.p-speeddial-opened .p-speeddial-list {\n    pointer-events: auto;\n}\n\n.p-speeddial-button {\n    transition:\n        transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n        background dt('speeddial.transition.duration'),\n        color dt('speeddial.transition.duration'),\n        border-color dt('speeddial.transition.duration'),\n        box-shadow dt('speeddial.transition.duration'),\n        outline-color dt('speeddial.transition.duration');\n    will-change: transform;\n}\n\n.p-speeddial-opened .p-speeddial-item {\n    transform: scale(1);\n    opacity: 1;\n}\n`;\n\nexport const styles = createStyles<SpeedDialRootInstance>({\n    name: 'speeddial',\n    style,\n    classes: {\n        root: ({ state, props }) => [\n            `p-speeddial p-component p-speeddial-${props.type}`,\n            {\n                [`p-speeddial-direction-${props.direction}`]: props.type !== 'circle',\n                // 'p-speeddial-open': state.visible,\n                'p-speeddial-opened': state.visible,\n                'p-disabled': props.disabled\n            }\n        ],\n        trigger: 'p-speeddial-button',\n        list: 'p-speeddial-list',\n        item: 'p-speeddial-item',\n        action: 'p-speeddial-action',\n        actionIcon: 'p-speeddial-action-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAc,6BAEhC,IAAMC,EAAgB;AAAA,EACpBD,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBKE,EAASH,EAAoC,CACtD,KAAM,YACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,uCAAuCA,EAAM,IAAI,GACjD,CACI,CAAC,yBAAyBA,EAAM,SAAS,EAAE,EAAGA,EAAM,OAAS,SAE7D,qBAAsBD,EAAM,QAC5B,aAAcC,EAAM,QACxB,CACJ,EACA,QAAS,qBACT,KAAM,mBACN,KAAM,mBACN,OAAQ,qBACR,WAAY,yBAChB,CACJ,CAAC","names":["createStyles","_style","style","styles","state","props"]}

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

package/splitter/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/splitter/Splitter.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SplitterInstance } from '@primereact/types/shared/splitter';\nimport { style } from '@primeuix/styles/splitter';\n\nexport const styles = createStyles<SplitterInstance>({\n    name: 'splitter',\n    style,\n    classes: {\n        root: ({ props }) => ['p-splitter p-component', 'p-splitter-' + props.orientation],\n        panel: ({ context }) => ['p-splitterpanel', { 'p-splitterpanel-nested': context.isNested }],\n        gutter: 'p-splitter-gutter',\n        thumb: 'p-splitter-gutter-handle'\n    },\n    inlineStyles: {\n        thumb: ({ props }) => (props.orientation === 'horizontal' ? { width: props.gutterSize } : { height: props.gutterSize })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,WAAW,EACjF,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CAAC,kBAAmB,CAAE,yBAA0BA,EAAQ,QAAS,CAAC,EAC1F,OAAQ,oBACR,MAAO,0BACX,EACA,aAAc,CACV,MAAO,CAAC,CAAE,MAAAD,CAAM,IAAOA,EAAM,cAAgB,aAAe,CAAE,MAAOA,EAAM,UAAW,EAAI,CAAE,OAAQA,EAAM,UAAW,CACzH,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}
+{"version":3,"sources":["../../src/splitter/Splitter.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { SplitterRootInstance } from '@primereact/types/primitive/splitter';\nimport { style } from '@primeuix/styles/splitter';\n\nexport const styles = createStyles<SplitterRootInstance>({\n    name: 'splitter',\n    style,\n    classes: {\n        root: ({ props }) => ['p-splitter p-component', 'p-splitter-' + props.orientation],\n        panel: 'p-splitter-panel',\n        gutter: 'p-splitter-gutter',\n        handle: 'p-splitter-gutter-handle'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,WAAW,EACjF,MAAO,mBACP,OAAQ,oBACR,OAAQ,0BACZ,CACJ,CAAC","names":["createStyles","style","styles","props"]}

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

package/stepper/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/stepper/Stepper.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { StepperInstance } from '@primereact/types/shared/stepper';\nimport { style } from '@primeuix/styles/stepper';\n\nexport const styles = createStyles<StepperInstance>({\n    name: 'stepper',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-stepper p-component',\n            {\n                'p-readonly': props.linear\n            }\n        ],\n        separator: 'p-stepper-separator',\n        panels: 'p-steppanels',\n        panel: ({ context }) => [\n            'p-steppanel',\n            {\n                'p-steppanel-active': context.isVertical && context.active\n            }\n        ],\n        content: 'p-steppanel-content',\n        list: 'p-steplist',\n        item: ({ context }) => [\n            'p-stepitem',\n            {\n                'p-stepitem-active': context.isActive\n            }\n        ],\n        step: ({ context }) => [\n            'p-step',\n            {\n                'p-step-active': context.active,\n                'p-disabled': context.disabled\n            }\n        ],\n        header: 'p-step-header',\n        number: 'p-step-number',\n        title: 'p-step-title'\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,wBACA,CACI,aAAcA,EAAM,MACxB,CACJ,EACA,UAAW,sBACX,OAAQ,eACR,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACpB,cACA,CACI,qBAAsBA,EAAQ,YAAcA,EAAQ,MACxD,CACJ,EACA,QAAS,sBACT,KAAM,aACN,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,aACA,CACI,oBAAqBA,EAAQ,QACjC,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,SACA,CACI,gBAAiBA,EAAQ,OACzB,aAAcA,EAAQ,QAC1B,CACJ,EACA,OAAQ,gBACR,OAAQ,gBACR,MAAO,cACX,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}
+{"version":3,"sources":["../../src/stepper/Stepper.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { StepperRootInstance } from '@primereact/types/primitive/stepper';\nimport { style } from '@primeuix/styles/stepper';\n\nexport const styles = createStyles<StepperRootInstance>({\n    name: 'stepper',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-stepper p-component',\n            {\n                'p-readonly': props.linear\n            }\n        ],\n        separator: 'p-stepper-separator',\n        panels: 'p-steppanels',\n        contentWrapper: 'p-steppanel-content-wrapper',\n        panel: ({ context }) => [\n            'p-steppanel',\n            {\n                'p-steppanel-active': context.isVertical && context.active\n            }\n        ],\n        content: 'p-steppanel-content',\n        list: 'p-steplist',\n        item: ({ context }) => [\n            'p-stepitem',\n            {\n                'p-stepitem-active': context.isActive\n            }\n        ],\n        step: ({ context }) => [\n            'p-step',\n            {\n                'p-step-active': context.active,\n                'p-disabled': context.disabled\n            }\n        ],\n        header: 'p-step-header',\n        number: 'p-step-number',\n        title: 'p-step-title'\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,wBACA,CACI,aAAcA,EAAM,MACxB,CACJ,EACA,UAAW,sBACX,OAAQ,eACR,eAAgB,8BAChB,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACpB,cACA,CACI,qBAAsBA,EAAQ,YAAcA,EAAQ,MACxD,CACJ,EACA,QAAS,sBACT,KAAM,aACN,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,aACA,CACI,oBAAqBA,EAAQ,QACjC,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,SACA,CACI,gBAAiBA,EAAQ,OACzB,aAAcA,EAAQ,QAC1B,CACJ,EACA,OAAQ,gBACR,OAAQ,gBACR,MAAO,cACX,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}

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,2 @@
-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};
+import{createStyles as a}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/tabs";var n=a({name:"tabs",style:e,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{n as styles};
 //# sourceMappingURL=index.mjs.map

package/tabs/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/Tabs.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TabsInstance } from '@primereact/types/shared/tabs';\nimport { style } from '@primeuix/styles/tabs';\n\nexport const styles = createStyles<TabsInstance>({\n    name: 'tabs',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-tabs p-component',\n            {\n                'p-tabs-scrollable': props.scrollable\n            }\n        ],\n        panels: 'p-tabpanels',\n        tab: ({ context }) => [\n            'p-tab',\n            {\n                'p-tab-active': context.active,\n                'p-disabled': context.disabled\n            }\n        ],\n        panel: ({ context }) => [\n            'p-tabpanel',\n            {\n                'p-tabpanel-active': context.active\n            }\n        ],\n        list: 'p-tablist',\n        content: 'p-tablist-content p-tablist-viewport',\n        tabList: 'p-tablist-tab-list',\n        activeBar: 'p-tablist-active-bar',\n        prevButton: 'p-tablist-prev-button p-tablist-nav-button',\n        nextButton: 'p-tablist-next-button p-tablist-nav-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,oBAAqBA,EAAM,UAC/B,CACJ,EACA,OAAQ,cACR,IAAK,CAAC,CAAE,QAAAC,CAAQ,IAAM,CAClB,QACA,CACI,eAAgBA,EAAQ,OACxB,aAAcA,EAAQ,QAC1B,CACJ,EACA,MAAO,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACpB,aACA,CACI,oBAAqBA,EAAQ,MACjC,CACJ,EACA,KAAM,YACN,QAAS,uCACT,QAAS,qBACT,UAAW,uBACX,WAAY,6CACZ,WAAY,4CAChB,CACJ,CAAC","names":["createStyles","style","styles","props","context"]}
+{"version":3,"sources":["../../src/tabs/Tabs.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TabsRootInstance } from '@primereact/types/primitive/tabs';\nimport { style } from '@primeuix/styles/tabs';\n\nexport const styles = createStyles<TabsRootInstance>({\n    name: 'tabs',\n    style,\n    classes: {\n        root: 'p-tabs p-component',\n        panels: 'p-tabpanels',\n        tab: ({ context }) => [\n            'p-tab',\n            {\n                'p-tab-active': context.active,\n                'p-disabled': context.disabled\n            }\n        ],\n        panel: ({ context }) => [\n            'p-tabpanel',\n            {\n                'p-tabpanel-active': context.active\n            }\n        ],\n        list: 'p-tablist',\n        content: 'p-tablist-content',\n        activeBar: 'p-tablist-active-bar',\n        prevButton: 'p-tablist-prev-button p-tablist-nav-button',\n        nextButton: 'p-tablist-next-button p-tablist-nav-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,qBACN,OAAQ,cACR,IAAK,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAClB,QACA,CACI,eAAgBA,EAAQ,OACxB,aAAcA,EAAQ,QAC1B,CACJ,EACA,MAAO,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACpB,aACA,CACI,oBAAqBA,EAAQ,MACjC,CACJ,EACA,KAAM,YACN,QAAS,oBACT,UAAW,uBACX,WAAY,6CACZ,WAAY,4CAChB,CACJ,CAAC","names":["createStyles","style","styles","context"]}

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

package/tag/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tag/Tag.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TagInstance } from '@primereact/types/shared/tag';\nimport { style } from '@primeuix/styles/tag';\n\nexport const styles = createStyles<TagInstance>({\n    name: 'tag',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-tag p-component',\n            {\n                'p-tag-info': props.severity === 'info',\n                'p-tag-success': props.severity === 'success',\n                'p-tag-warn': props.severity === 'warn',\n                'p-tag-danger': props.severity === 'danger',\n                'p-tag-secondary': props.severity === 'secondary',\n                'p-tag-contrast': props.severity === 'contrast',\n                'p-tag-rounded': props.rounded\n            }\n        ],\n        icon: 'p-tag-icon',\n        label: 'p-tag-label'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,uBAEf,IAAMC,EAASF,EAA0B,CAC5C,KAAM,MACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,oBACA,CACI,aAAcA,EAAM,WAAa,OACjC,gBAAiBA,EAAM,WAAa,UACpC,aAAcA,EAAM,WAAa,OACjC,eAAgBA,EAAM,WAAa,SACnC,kBAAmBA,EAAM,WAAa,YACtC,iBAAkBA,EAAM,WAAa,WACrC,gBAAiBA,EAAM,OAC3B,CACJ,EACA,KAAM,aACN,MAAO,aACX,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/tag/Tag.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TagInstance } from '@primereact/types/primitive/tag';\nimport { style } from '@primeuix/styles/tag';\n\nexport const styles = createStyles<TagInstance>({\n    name: 'tag',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-tag p-component',\n            {\n                'p-tag-info': props.severity === 'info',\n                'p-tag-success': props.severity === 'success',\n                'p-tag-warn': props.severity === 'warn',\n                'p-tag-danger': props.severity === 'danger',\n                'p-tag-secondary': props.severity === 'secondary',\n                'p-tag-contrast': props.severity === 'contrast',\n                'p-tag-rounded': props.rounded\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,uBAEf,IAAMC,EAASF,EAA0B,CAC5C,KAAM,MACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,oBACA,CACI,aAAcA,EAAM,WAAa,OACjC,gBAAiBA,EAAM,WAAa,UACpC,aAAcA,EAAM,WAAa,OACjC,eAAgBA,EAAM,WAAa,SACnC,kBAAmBA,EAAM,WAAa,YACtC,iBAAkBA,EAAM,WAAa,WACrC,gBAAiBA,EAAM,OAC3B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props"]}

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

package/terminal/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/terminal/Terminal.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TerminalInstance } from '@primereact/types/shared/terminal';\nimport { style } from '@primeuix/styles/terminal';\n\nexport const styles = createStyles<TerminalInstance>({\n    name: 'terminal',\n    style,\n    classes: {\n        root: 'p-terminal p-component',\n        welcome: 'p-terminal-welcome-message',\n        commandList: 'p-terminal-command-list',\n        command: 'p-terminal-command',\n        commandValue: 'p-terminal-command-value',\n        commandResponse: 'p-terminal-command-response',\n        prompt: 'p-terminal-prompt',\n        promptLabel: 'p-terminal-prompt-label',\n        promptValue: 'p-terminal-prompt-value'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,QAAS,6BACT,YAAa,0BACb,QAAS,qBACT,aAAc,2BACd,gBAAiB,8BACjB,OAAQ,oBACR,YAAa,0BACb,YAAa,yBACjB,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/terminal/Terminal.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TerminalRootInstance } from '@primereact/types/primitive/terminal';\nimport { style } from '@primeuix/styles/terminal';\n\nexport const styles = createStyles<TerminalRootInstance>({\n    name: 'terminal',\n    style,\n    classes: {\n        root: 'p-terminal p-component',\n        welcome: 'p-terminal-welcome-message',\n        commandList: 'p-terminal-command-list',\n        command: 'p-terminal-command',\n        commandValue: 'p-terminal-command-value',\n        commandResponse: 'p-terminal-command-response',\n        prompt: 'p-terminal-prompt',\n        promptLabel: 'p-terminal-prompt-label',\n        promptValue: 'p-terminal-prompt-value'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,yBACN,QAAS,6BACT,YAAa,0BACb,QAAS,qBACT,aAAc,2BACd,gBAAiB,8BACjB,OAAQ,oBACR,YAAa,0BACb,YAAa,yBACjB,CACJ,CAAC","names":["createStyles","style","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,2 @@
-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};
+import{createStyles as m}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/textarea";import{isNotEmpty as r}from"@primeuix/utils";var d=m({name:"textarea",style:p,classes:{root:({props:e,attrs:i,context:t})=>{var a,l;return["p-textarea p-component",{"p-filled":r((a=i==null?void 0:i.value)!=null?a:i==null?void 0:i.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

package/textarea/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/textarea/Textarea.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TextareaInstance } from '@primereact/types/shared/textarea';\nimport { style } from '@primeuix/styles/textarea';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<TextareaInstance>({\n    name: 'textarea',\n    style,\n    classes: {\n        root: ({ props, attrs, context }) => [\n            'p-textarea p-component',\n            {\n                'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue),\n                'p-textarea-resizable ': props.autoResize,\n                'p-textarea-sm p-inputfield-sm': props.size === 'small',\n                'p-textarea-lg p-inputfield-lg': props.size === 'large',\n                'p-invalid': props.invalid,\n                'p-variant-filled': props.variant === 'filled',\n                'p-textarea-fluid': props.fluid ?? context.$fluid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,yBACA,CACI,WAAYN,GAAWK,EAAAF,GAAA,YAAAA,EAAO,QAAP,KAAAE,EAAgBF,GAAA,YAAAA,EAAO,YAAY,EAC1D,wBAAyBD,EAAM,WAC/B,gCAAiCA,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,QAChD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,oBAAoBI,EAAAJ,EAAM,QAAN,KAAAI,EAAeF,EAAQ,MAC/C,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}
+{"version":3,"sources":["../../src/textarea/Textarea.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TextareaInstance } from '@primereact/types/primitive/textarea';\nimport { style } from '@primeuix/styles/textarea';\nimport { isNotEmpty } from '@primeuix/utils';\n\nexport const styles = createStyles<TextareaInstance>({\n    name: 'textarea',\n    style,\n    classes: {\n        root: ({ props, attrs, context }) => [\n            'p-textarea p-component',\n            {\n                'p-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue),\n                'p-textarea-resizable ': props.autoResize,\n                'p-textarea-sm p-inputfield-sm': props.size === 'small',\n                'p-textarea-lg p-inputfield-lg': props.size === 'large',\n                'p-invalid': props.invalid,\n                'p-variant-filled': props.variant === 'filled',\n                'p-textarea-fluid': props.fluid ?? context.$fluid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BACtB,OAAS,cAAAC,MAAkB,kBAEpB,IAAMC,EAASH,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAG,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IAAG,CAT1C,IAAAC,EAAAC,EAS6C,OACjC,yBACA,CACI,WAAYN,GAAWK,EAAAF,GAAA,YAAAA,EAAO,QAAP,KAAAE,EAAgBF,GAAA,YAAAA,EAAO,YAAY,EAC1D,wBAAyBD,EAAM,WAC/B,gCAAiCA,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,QAChD,YAAaA,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,oBAAoBI,EAAAJ,EAAM,QAAN,KAAAI,EAAeF,EAAQ,MAC/C,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","isNotEmpty","styles","props","attrs","context","_a","_b"]}

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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/timeline/Timeline.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TimelineInstance } from '@primereact/types/shared/timeline';\nimport { style } from '@primeuix/styles/timeline';\n\nexport const styles = createStyles<TimelineInstance>({\n    name: 'timeline',\n    style,\n    classes: {\n        root: ({ props }) => ['p-timeline p-component', 'p-timeline-' + props.align, 'p-timeline-' + props.orientation],\n        event: 'p-timeline-event',\n        opposite: 'p-timeline-event-opposite',\n        separator: 'p-timeline-event-separator',\n        marker: 'p-timeline-event-marker',\n        connector: 'p-timeline-event-connector',\n        content: 'p-timeline-event-content'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,MAAO,cAAgBA,EAAM,WAAW,EAC9G,MAAO,mBACP,SAAU,4BACV,UAAW,6BACX,OAAQ,0BACR,UAAW,6BACX,QAAS,0BACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/timeline/Timeline.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TimelineRootInstance } from '@primereact/types/primitive/timeline';\nimport { style } from '@primeuix/styles/timeline';\n\nexport const styles = createStyles<TimelineRootInstance>({\n    name: 'timeline',\n    style,\n    classes: {\n        root: ({ props }) => ['p-timeline p-component', 'p-timeline-' + props.align, 'p-timeline-' + props.orientation],\n        event: 'p-timeline-event',\n        opposite: 'p-timeline-event-opposite',\n        separator: 'p-timeline-event-separator',\n        marker: 'p-timeline-event-marker',\n        connector: 'p-timeline-event-connector',\n        content: 'p-timeline-event-content'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,yBAA0B,cAAgBA,EAAM,MAAO,cAAgBA,EAAM,WAAW,EAC9G,MAAO,mBACP,SAAU,4BACV,UAAW,6BACX,OAAQ,0BACR,UAAW,6BACX,QAAS,0BACb,CACJ,CAAC","names":["createStyles","style","styles","props"]}

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,2 @@
-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};
+import{createStyles as c}from"@primereact/styles/utils";import{style as y}from"@primeuix/styles/toast";var l=c({name:"toast",style:y,classes:{root:({props:t})=>{var s,e,o,a,r,n,m,i;return["p-toast-message p-component",{"p-toast-message-normal":((s=t.toast)==null?void 0:s.severity)==="normal"||((e=t.toast)==null?void 0:e.severity)===void 0,"p-toast-message-info":((o=t.toast)==null?void 0:o.severity)==="info","p-toast-message-warn":((a=t.toast)==null?void 0:a.severity)==="warn","p-toast-message-error":((r=t.toast)==null?void 0:r.severity)==="error","p-toast-message-success":((n=t.toast)==null?void 0:n.severity)==="success","p-toast-message-secondary":((m=t.toast)==null?void 0:m.severity)==="secondary","p-toast-message-contrast":((i=t.toast)==null?void 0:i.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{l as styles};
 //# sourceMappingURL=index.mjs.map

package/toast/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastInstance } from '@primereact/types/shared/toast';\n\nconst style = `\n    \n`;\n\nexport const styles = createStyles<ToastInstance>({\n    name: 'toast',\n    style,\n    classes: {\n        region: 'p-toast-region',\n        title: 'p-toast-title',\n        item: 'p-toast',\n        icon: 'p-toast-icon',\n        description: 'p-toast-description',\n        close: 'p-toast-close',\n        action: 'p-toast-action'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA,EAIDC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,OAAQ,iBACR,MAAO,gBACP,KAAM,UACN,KAAM,eACN,YAAa,sBACb,MAAO,gBACP,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastRootInstance } from '@primereact/types/primitive/toast';\nimport { style } from '@primeuix/styles/toast';\n\nexport const styles = createStyles<ToastRootInstance>({\n    name: 'toast',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-toast-message p-component',\n            {\n                'p-toast-message-normal': props.toast?.severity === 'normal' || props.toast?.severity === undefined,\n                'p-toast-message-info': props.toast?.severity === 'info',\n                'p-toast-message-warn': props.toast?.severity === 'warn',\n                'p-toast-message-error': props.toast?.severity === 'error',\n                'p-toast-message-success': props.toast?.severity === 'success',\n                'p-toast-message-secondary': props.toast?.severity === 'secondary',\n                'p-toast-message-contrast': props.toast?.severity === 'contrast'\n            }\n        ],\n        message: 'p-toast-message-text',\n        content: 'p-toast-message-content',\n        title: 'p-toast-summary',\n        icon: 'p-toast-message-icon',\n        description: 'p-toast-detail',\n        close: 'p-toast-close-button',\n        action: 'p-toast-action'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAG,CAR1B,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAQ6B,OACjB,8BACA,CACI,2BAA0BP,EAAAD,EAAM,QAAN,YAAAC,EAAa,YAAa,YAAYC,EAAAF,EAAM,QAAN,YAAAE,EAAa,YAAa,OAC1F,yBAAwBC,EAAAH,EAAM,QAAN,YAAAG,EAAa,YAAa,OAClD,yBAAwBC,EAAAJ,EAAM,QAAN,YAAAI,EAAa,YAAa,OAClD,0BAAyBC,EAAAL,EAAM,QAAN,YAAAK,EAAa,YAAa,QACnD,4BAA2BC,EAAAN,EAAM,QAAN,YAAAM,EAAa,YAAa,UACrD,8BAA6BC,EAAAP,EAAM,QAAN,YAAAO,EAAa,YAAa,YACvD,6BAA4BC,EAAAR,EAAM,QAAN,YAAAQ,EAAa,YAAa,UAC1D,CACJ,GACA,QAAS,uBACT,QAAS,0BACT,MAAO,kBACP,KAAM,uBACN,YAAa,iBACb,MAAO,uBACP,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","style","styles","props","_a","_b","_c","_d","_e","_f","_g","_h"]}

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;