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

package/LICENSE.md

@@ -0,0 +1,45 @@
+# PrimeUI License
+
+This package is part of **PrimeUI**, a family of commercial UI libraries by PrimeTek Informatics.
+
+## How PrimeUI May Be Used
+
+PrimeUI may be used under one of two licenses. You choose the one that applies to you based on eligibility.
+
+### Community License (Free)
+
+Free for organizations that meet all of the following criteria:
+
+- Less than $1,000,000 USD in annual gross revenue
+- Fewer than 5 developers
+- Fewer than 10 employees
+- Less than $3,000,000 USD in venture capital or outside funding
+
+Individuals, students, non-profits, and non-commercial open source projects also qualify.
+
+The Community License provides full access to the core libraries and supports up to 4 developers. It requires annual renewal by confirming continued eligibility.
+
+### Commercial License (Paid)
+
+For organizations that do not qualify for the Community License.
+
+Licensed per developer, perpetual, with one year of updates included. Renewal is optional and extends access to new versions. The Commercial Suite also includes PrimeBlocks, Theme Designer, all PrimeUI Pro components, and Premium Support.
+
+## License Key
+
+A valid license key is required to use this software. License verification is performed offline, with no telemetry and no remote connection. A missing, invalid, or expired key may cause the software to display a license notice.
+
+## Full Terms
+
+The complete license terms, eligibility details, and renewal information are available at:
+
+- Community License: https://primeui.dev/licenses/community
+- Commercial License: https://primeui.dev/licenses/commercial
+
+## Restrictions
+
+This software is distributed as a compiled package. You may not reverse-engineer, decompile, or extract its source code, redistribute it as a component library or development tool, or remove its license mechanisms. Redistributing the software so that third parties can develop with it requires a separate OEM License. See the full terms for details.
+
+---
+
+© 2026 PrimeTek Informatics. All rights reserved.

package/README.md

@@ -1 +1,21 @@
 # PrimeReact Styles
+
+Component styles for PrimeReact. Each component's style module maps props and state to CSS class names using design tokens from the active preset, resolved at runtime by `@primeuix/styled`.
+
+## How it works
+
+Styles are defined as JavaScript objects rather than static CSS. Class names are computed from component state, so a button with `severity="danger"` and `outlined` gets the right combination of classes without any manual toggling:
+
+```ts
+import { ButtonStyle } from '@primereact/styles/button';
+
+// ButtonStyle.root({ instance, props }) → 'p-button p-button-danger p-button-outlined'
+```
+
+All class names follow the `.p-` prefix convention (`p-button`, `p-datatable`, `p-dialog-header`). The `@primeuix/styled` runtime resolves `dt('token.path')` references inside the token values, so swapping the active preset re-themes every component automatically.
+
+Pass Through (PT) hooks into the same style layer — a consumer can override classes or attributes on any element without editing the style module.
+
+## License
+
+Licensed under the [PrimeUI License](https://primeui.dev/licenses) - Copyright (c) [PrimeTek Informatics](https://www.primetek.com.tr)

package/accordion/Accordion.style.d.ts

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

package/accordion/index.mjs

@@ -1,2 +1,23 @@
-import{createStyles as c}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/accordion";var t=c({name:"accordion",style:e,classes:{root:"p-accordion p-component",content:"p-accordioncontent p-accordioncontent-content",header:"p-accordionheader",toggleicon:"p-accordionheader-toggle-icon",panel:({context:o})=>["p-accordionpanel",{"p-accordionpanel-active":o.active,"p-disabled":o.disabled}]}});export{t as styles};
+import{createStyles as r}from"@primereact/styles/utils";import{style as c}from"@primeuix/styles/accordion";var e=`
+${c}
+
+/* @todo review styles */
+.p-accordiontrigger {
+    padding: dt('accordion.header.padding');
+    height: 100%;
+    cursor: pointer;
+    outline: 0 none;
+}
+
+.p-accordionheader {
+    padding: 0;
+    cursor: initial;
+}
+
+.p-accordionheader:has(.p-accordiontrigger:focus-visible) {
+    box-shadow: dt('accordion.header.focus.ring.shadow');
+    outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');
+    outline-offset: dt('accordion.header.focus.ring.offset');
+}
+`,i=r({name:"accordion",style:e,classes:{root:"p-accordion p-component",header:"p-accordionheader",trigger:"p-accordiontrigger",content:"p-accordioncontent",indicator:"p-accordion-indicator",contentOuter:"p-accordioncontent-wrapper",contentInner:"p-accordioncontent-content",panel:({context:o})=>["p-accordionpanel",{"p-disabled":o.disabled}]}});export{i as styles};
 //# sourceMappingURL=index.mjs.map

package/accordion/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/accordion/Accordion.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AccordionInstance } from '@primereact/types/shared/accordion';\nimport { style } from '@primeuix/styles/accordion';\n\nexport const styles = createStyles<AccordionInstance>({\n    name: 'accordion',\n    style,\n    classes: {\n        root: 'p-accordion p-component',\n        content: 'p-accordioncontent p-accordioncontent-content',\n        header: 'p-accordionheader',\n        toggleicon: 'p-accordionheader-toggle-icon',\n        panel: ({ context }) => {\n            return [\n                'p-accordionpanel',\n                {\n                    'p-accordionpanel-active': context.active,\n                    'p-disabled': context.disabled\n                }\n            ];\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,0BACN,QAAS,gDACT,OAAQ,oBACR,WAAY,gCACZ,MAAO,CAAC,CAAE,QAAAE,CAAQ,IACP,CACH,mBACA,CACI,0BAA2BA,EAAQ,OACnC,aAAcA,EAAQ,QAC1B,CACJ,CAER,CACJ,CAAC","names":["createStyles","style","styles","context"]}
+{"version":3,"sources":["../../src/accordion/Accordion.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AccordionRootInstance } from '@primereact/types/primitive/accordion';\nimport { style as accordion_style } from '@primeuix/styles/accordion';\n\nconst style = /*css*/ `\n${accordion_style}\n\n/* @todo review styles */\n.p-accordiontrigger {\n    padding: dt('accordion.header.padding');\n    height: 100%;\n    cursor: pointer;\n    outline: 0 none;\n}\n\n.p-accordionheader {\n    padding: 0;\n    cursor: initial;\n}\n\n.p-accordionheader:has(.p-accordiontrigger:focus-visible) {\n    box-shadow: dt('accordion.header.focus.ring.shadow');\n    outline: dt('accordion.header.focus.ring.width') dt('accordion.header.focus.ring.style') dt('accordion.header.focus.ring.color');\n    outline-offset: dt('accordion.header.focus.ring.offset');\n}\n`;\n\nexport const styles = createStyles<AccordionRootInstance>({\n    name: 'accordion',\n    style,\n    classes: {\n        root: 'p-accordion p-component',\n        header: 'p-accordionheader',\n        trigger: 'p-accordiontrigger',\n        content: 'p-accordioncontent',\n        indicator: 'p-accordion-indicator',\n        contentOuter: 'p-accordioncontent-wrapper',\n        contentInner: 'p-accordioncontent-content',\n        panel: ({ context }) => {\n            return [\n                'p-accordionpanel',\n                {\n                    'p-disabled': context.disabled\n                }\n            ];\n        }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAuB,6BAEzC,IAAMC,EAAgB;AAAA,EACpBD,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBJE,EAASH,EAAoC,CACtD,KAAM,YACN,MAAAE,EACA,QAAS,CACL,KAAM,0BACN,OAAQ,oBACR,QAAS,qBACT,QAAS,qBACT,UAAW,wBACX,aAAc,6BACd,aAAc,6BACd,MAAO,CAAC,CAAE,QAAAE,CAAQ,IACP,CACH,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,CAER,CACJ,CAAC","names":["createStyles","accordion_style","style","styles","context"]}

package/animateonscroll/AnimateOnScroll.style.d.ts

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

package/animateonscroll/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/animateonscroll/AnimateOnScroll.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AnimateOnScrollInstance } from '@primereact/types/shared/animateonscroll';\n\nexport const styles = createStyles<AnimateOnScrollInstance>({\n    name: 'animateonscroll-directive'\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAsC,CACxD,KAAM,2BACV,CAAC","names":["createStyles","styles"]}
+{"version":3,"sources":["../../src/animateonscroll/AnimateOnScroll.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AnimateOnScrollInstance } from '@primereact/types/primitive/animateonscroll';\n\nexport const styles = createStyles<AnimateOnScrollInstance>({\n    name: 'animateonscroll-directive'\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAsC,CACxD,KAAM,2BACV,CAAC","names":["createStyles","styles"]}

package/{confirmpopup/ConfirmPopup.style.d.ts → autocomplete/AutoComplete.style.d.ts}

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

package/autocomplete/index.d.ts

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

package/autocomplete/index.mjs

@@ -0,0 +1,79 @@
+import{createStyles as a}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/autocomplete";var i=`
+${l}
+
+/* For PrimeReact */
+.p-autocomplete-popup {
+    position: relative;
+    background: dt('autocomplete.overlay.background');
+    color: dt('autocomplete.overlay.color');
+    border: 1px solid dt('autocomplete.overlay.border.color');
+    border-radius: dt('autocomplete.overlay.border.radius');
+    box-shadow: dt('autocomplete.overlay.shadow');
+    width: var(--px-positioner-anchor-width, max-content);
+    transform-origin: var(--px-transform-origin);
+    will-change: transform, opacity;
+}
+
+.p-autocomplete-trigger {
+    display: inline-flex;
+    width: 100%;
+    outline: 0 none;
+    cursor: pointer;
+}
+
+.p-autocomplete-value {
+    text-align: left;
+}
+
+.p-autocomplete-clear {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    align-self: center;
+    cursor: pointer;
+}
+
+.p-autocomplete-list {
+    border: unset;
+    overflow: auto;
+}
+
+.p-autocomplete-option {
+    flex-shrink: 0;
+}
+
+.p-autocomplete-arrow {
+    position: absolute;
+    border: 1px solid dt('autocomplete.overlay.border.color');
+    background: dt('autocomplete.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);
+    }
+}
+`,d=a({name:"autocomplete",style:i,classes:{root:({instance:o,props:e,context:r,state:t})=>{var p;return["p-autocomplete p-component p-inputwrapper",{"p-inputwrapper-filled":o==null?void 0:o.hasValue(),"p-inputwrapper-focus":t.focused||t.opened,"p-autocomplete-fluid":(p=e.fluid)!=null?p:r.$fluid,"p-disabled":e.disabled}]},input:"p-autocomplete-input",clear:"p-autocomplete-clear",indicator:"p-autocomplete-indicator",trigger:"p-autocomplete-trigger",value:({context:o})=>["p-autocomplete-value p-autocomplete-label",{"p-autocomplete-value-empty p-autocomplete-label-empty":o==null?void 0:o.empty,"p-placeholder":o==null?void 0:o.showPlaceholder}],positioner:"p-autocomplete-positioner",popup:"p-autocomplete-popup",header:"p-autocomplete-header",filter:"p-autocomplete-filter",list:"p-autocomplete-list",options:"p-autocomplete-options",option:({context:o})=>["p-autocomplete-option",{"p-focus":o==null?void 0:o.focused,"p-disabled":o==null?void 0:o.disabled,"p-autocomplete-option-selected":o==null?void 0:o.selected}],optionGroup:"p-autocomplete-option-group",optionIndicator:"p-autocomplete-option-indicator",arrow:"p-autocomplete-arrow",empty:"p-autocomplete-empty-message"}});export{d as styles};
+//# sourceMappingURL=index.mjs.map

package/autocomplete/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/autocomplete/AutoComplete.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AutoCompleteRootInstance } from '@primereact/types/primitive/autocomplete';\nimport { style as autocomplete_style } from '@primeuix/styles/autocomplete';\n\nconst style = /*css*/ `\n${autocomplete_style}\n\n/* For PrimeReact */\n.p-autocomplete-popup {\n    position: relative;\n    background: dt('autocomplete.overlay.background');\n    color: dt('autocomplete.overlay.color');\n    border: 1px solid dt('autocomplete.overlay.border.color');\n    border-radius: dt('autocomplete.overlay.border.radius');\n    box-shadow: dt('autocomplete.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-autocomplete-trigger {\n    display: inline-flex;\n    width: 100%;\n    outline: 0 none;\n    cursor: pointer;\n}\n\n.p-autocomplete-value {\n    text-align: left;\n}\n\n.p-autocomplete-clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    align-self: center;\n    cursor: pointer;\n}\n\n.p-autocomplete-list {\n    border: unset;\n    overflow: auto;\n}\n\n.p-autocomplete-option {\n    flex-shrink: 0;\n}\n\n.p-autocomplete-arrow {\n    position: absolute;\n    border: 1px solid dt('autocomplete.overlay.border.color');\n    background: dt('autocomplete.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<AutoCompleteRootInstance>({\n    name: 'autocomplete',\n    style,\n    classes: {\n        root: ({ instance, props, context, state }) => [\n            'p-autocomplete p-component p-inputwrapper',\n            {\n                'p-inputwrapper-filled': instance?.hasValue(),\n                'p-inputwrapper-focus': state.focused || state.opened,\n                'p-autocomplete-fluid': props.fluid ?? context.$fluid,\n                'p-disabled': props.disabled\n            }\n        ],\n        input: 'p-autocomplete-input',\n        clear: 'p-autocomplete-clear',\n        indicator: 'p-autocomplete-indicator',\n        trigger: 'p-autocomplete-trigger',\n        value: ({ context }) => [\n            'p-autocomplete-value p-autocomplete-label',\n            {\n                'p-autocomplete-value-empty p-autocomplete-label-empty': context?.empty,\n                'p-placeholder': context?.showPlaceholder\n            }\n        ],\n        positioner: 'p-autocomplete-positioner',\n        popup: 'p-autocomplete-popup',\n        header: 'p-autocomplete-header',\n        filter: 'p-autocomplete-filter',\n        list: 'p-autocomplete-list',\n        options: 'p-autocomplete-options',\n        option: ({ context }) => [\n            'p-autocomplete-option',\n            {\n                'p-focus': context?.focused,\n                'p-disabled': context?.disabled,\n                'p-autocomplete-option-selected': context?.selected\n            }\n        ],\n        optionGroup: 'p-autocomplete-option-group',\n        optionIndicator: 'p-autocomplete-option-indicator',\n        arrow: 'p-autocomplete-arrow',\n        empty: 'p-autocomplete-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAA0B,gCAE5C,IAAMC,EAAgB;AAAA,EACpBD,CAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8EPE,EAASH,EAAuC,CACzD,KAAM,eACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,QAAAC,EAAS,MAAAC,CAAM,IAAG,CAvFpD,IAAAC,EAuFuD,OAC3C,4CACA,CACI,wBAAyBJ,GAAA,YAAAA,EAAU,WACnC,uBAAwBG,EAAM,SAAWA,EAAM,OAC/C,wBAAwBC,EAAAH,EAAM,QAAN,KAAAG,EAAeF,EAAQ,OAC/C,aAAcD,EAAM,QACxB,CACJ,GACA,MAAO,uBACP,MAAO,uBACP,UAAW,2BACX,QAAS,yBACT,MAAO,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACpB,4CACA,CACI,wDAAyDA,GAAA,YAAAA,EAAS,MAClE,gBAAiBA,GAAA,YAAAA,EAAS,eAC9B,CACJ,EACA,WAAY,4BACZ,MAAO,uBACP,OAAQ,wBACR,OAAQ,wBACR,KAAM,sBACN,QAAS,yBACT,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACrB,wBACA,CACI,UAAWA,GAAA,YAAAA,EAAS,QACpB,aAAcA,GAAA,YAAAA,EAAS,SACvB,iCAAkCA,GAAA,YAAAA,EAAS,QAC/C,CACJ,EACA,YAAa,8BACb,gBAAiB,kCACjB,MAAO,uBACP,MAAO,8BACX,CACJ,CAAC","names":["createStyles","autocomplete_style","style","styles","instance","props","context","state","_a"]}

package/avatar/Avatar.style.d.ts

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

package/avatar/index.d.ts

@@ -1,2 +1 @@
 export * from './Avatar.style';
-export * from './AvatarGroup.style';

package/avatar/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/avatar";var s=r({name:"avatar",style:t,classes:{root:({props:a})=>["p-avatar p-component",{"p-avatar-image":a.image!=null,"p-avatar-circle":a.shape==="circle","p-avatar-lg":a.size==="large","p-avatar-xl":a.size==="xlarge"}],fallback:"p-avatar-label",icon:"p-avatar-icon"}});import{createStyles as e}from"@primereact/styles/utils";var m=e({name:"avatargroup",classes:{root:"p-avatar-group"}});export{m as groupStyles,s as styles};
+import{createStyles as t}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/avatar";var o=t({name:"avatar",style:e,classes:{root:({props:a})=>["p-avatar p-component",{"p-avatar-image":a.image!=null,"p-avatar-circle":a.shape==="circle","p-avatar-lg":a.size==="large","p-avatar-xl":a.size==="xlarge"}],fallback:"p-avatar-label"}});export{o as styles};
 //# sourceMappingURL=index.mjs.map

package/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/avatar/Avatar.style.ts","../../src/avatar/AvatarGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarInstance } from '@primereact/types/shared/avatar';\nimport { style } from '@primeuix/styles/avatar';\n\nexport const styles = createStyles<AvatarInstance>({\n    name: 'avatar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-avatar p-component',\n            {\n                'p-avatar-image': props.image != null,\n                'p-avatar-circle': props.shape === 'circle',\n                'p-avatar-lg': props.size === 'large',\n                'p-avatar-xl': props.size === 'xlarge'\n            }\n        ],\n        fallback: 'p-avatar-label',\n        icon: 'p-avatar-icon'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarGroupInstance } from '@primereact/types/shared/avatar';\n\nexport const groupStyles = createStyles<AvatarGroupInstance>({\n    name: 'avatargroup',\n    classes: {\n        root: 'p-avatar-group'\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,iBAAkBA,EAAM,OAAS,KACjC,kBAAmBA,EAAM,QAAU,SACnC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAClC,CACJ,EACA,SAAU,iBACV,KAAM,eACV,CACJ,CAAC,ECpBD,OAAS,gBAAAC,MAAoB,2BAGtB,IAAMC,EAAcD,EAAkC,CACzD,KAAM,cACN,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","styles","props","createStyles","groupStyles"]}
+{"version":3,"sources":["../../src/avatar/Avatar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarRootInstance } from '@primereact/types/primitive/avatar';\nimport { style } from '@primeuix/styles/avatar';\n\nexport const styles = createStyles<AvatarRootInstance>({\n    name: 'avatar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-avatar p-component',\n            {\n                'p-avatar-image': props.image != null,\n                'p-avatar-circle': props.shape === 'circle',\n                'p-avatar-lg': props.size === 'large',\n                'p-avatar-xl': props.size === 'xlarge'\n            }\n        ],\n        fallback: 'p-avatar-label'\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,iBAAkBA,EAAM,OAAS,KACjC,kBAAmBA,EAAM,QAAU,SACnC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAClC,CACJ,EACA,SAAU,gBACd,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/{avatar → avatargroup}/AvatarGroup.style.d.ts

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

package/avatargroup/index.d.ts

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

package/avatargroup/index.mjs

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

package/avatargroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/avatargroup/AvatarGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { AvatarGroupInstance } from '@primereact/types/primitive/avatargroup';\n\nexport const styles = createStyles<AvatarGroupInstance>({\n    name: 'avatargroup',\n    classes: {\n        root: 'p-avatar-group'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAkC,CACpD,KAAM,cACN,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","styles"]}

package/badge/Badge.style.d.ts

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

package/badge/index.d.ts

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

package/badge/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as a}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/badge";import{isEmpty as r,isNotEmpty as s}from"@primeuix/utils/object";var n=a({name:"badge",style:t,classes:{root:({props:e})=>["p-badge p-component",{"p-badge-circle":e.shape==="circle"&&s(e.children),"p-badge-dot":r(e.children),"p-badge-sm":e.size==="small","p-badge-lg":e.size==="large","p-badge-xl":e.size==="xlarge","p-badge-info":e.severity==="info","p-badge-success":e.severity==="success","p-badge-warn":e.severity==="warn","p-badge-danger":e.severity==="danger","p-badge-secondary":e.severity==="secondary","p-badge-contrast":e.severity==="contrast"}]}});import{createStyles as d}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/overlaybadge";var b=d({name:"overlaybadge",style:o,classes:{root:"p-overlaybadge"}});export{b as overlayStyles,n as styles};
+import{createStyles as a}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/badge";import{isEmpty as i,isNotEmpty as r}from"@primeuix/utils/object";var g=a({name:"badge",style:t,classes:{root:({props:e})=>["p-badge p-component",{"p-badge-circle":e.shape==="circle"&&r(e.children),"p-badge-dot":i(e.children),"p-badge-sm":e.size==="small","p-badge-lg":e.size==="large","p-badge-xl":e.size==="xlarge","p-badge-info":e.severity==="info","p-badge-success":e.severity==="success","p-badge-warn":e.severity==="warn","p-badge-danger":e.severity==="danger","p-badge-secondary":e.severity==="secondary","p-badge-contrast":e.severity==="contrast"}]}});export{g as styles};
 //# sourceMappingURL=index.mjs.map

package/badge/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/badge/Badge.style.ts","../../src/badge/OverlayBadge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BadgeInstance } from '@primereact/types/shared/badge';\nimport { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils/object';\n\nexport const styles = createStyles<BadgeInstance>({\n    name: 'badge',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-badge p-component',\n            {\n                'p-badge-circle': props.shape === 'circle' && isNotEmpty(props.children),\n                'p-badge-dot': isEmpty(props.children),\n                'p-badge-sm': props.size === 'small',\n                'p-badge-lg': props.size === 'large',\n                'p-badge-xl': props.size === 'xlarge',\n                'p-badge-info': props.severity === 'info',\n                'p-badge-success': props.severity === 'success',\n                'p-badge-warn': props.severity === 'warn',\n                'p-badge-danger': props.severity === 'danger',\n                'p-badge-secondary': props.severity === 'secondary',\n                'p-badge-contrast': props.severity === 'contrast'\n            }\n        ]\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { OverlayBadgeInstance } from '@primereact/types/shared/badge';\nimport { style } from '@primeuix/styles/overlaybadge';\n\nexport const overlayStyles = createStyles<OverlayBadgeInstance>({\n    name: 'overlaybadge',\n    style,\n    classes: {\n        root: 'p-overlaybadge'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBACtB,OAAS,WAAAC,EAAS,cAAAC,MAAkB,yBAE7B,IAAMC,EAASJ,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAI,CAAM,IAAM,CACjB,sBACA,CACI,iBAAkBA,EAAM,QAAU,UAAYF,EAAWE,EAAM,QAAQ,EACvE,cAAeH,EAAQG,EAAM,QAAQ,EACrC,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,SAC7B,eAAgBA,EAAM,WAAa,OACnC,kBAAmBA,EAAM,WAAa,UACtC,eAAgBA,EAAM,WAAa,OACnC,iBAAkBA,EAAM,WAAa,SACrC,oBAAqBA,EAAM,WAAa,YACxC,mBAAoBA,EAAM,WAAa,UAC3C,CACJ,CACJ,CACJ,CAAC,EC1BD,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAAgBF,EAAmC,CAC5D,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","isEmpty","isNotEmpty","styles","props","createStyles","style","overlayStyles"]}
+{"version":3,"sources":["../../src/badge/Badge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BadgeInstance } from '@primereact/types/primitive/badge';\nimport { style } from '@primeuix/styles/badge';\nimport { isEmpty, isNotEmpty } from '@primeuix/utils/object';\n\nexport const styles = createStyles<BadgeInstance>({\n    name: 'badge',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-badge p-component',\n            {\n                'p-badge-circle': props.shape === 'circle' && isNotEmpty(props.children),\n                'p-badge-dot': isEmpty(props.children),\n                'p-badge-sm': props.size === 'small',\n                'p-badge-lg': props.size === 'large',\n                'p-badge-xl': props.size === 'xlarge',\n                'p-badge-info': props.severity === 'info',\n                'p-badge-success': props.severity === 'success',\n                'p-badge-warn': props.severity === 'warn',\n                'p-badge-danger': props.severity === 'danger',\n                'p-badge-secondary': props.severity === 'secondary',\n                'p-badge-contrast': props.severity === 'contrast'\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBACtB,OAAS,WAAAC,EAAS,cAAAC,MAAkB,yBAE7B,IAAMC,EAASJ,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAI,CAAM,IAAM,CACjB,sBACA,CACI,iBAAkBA,EAAM,QAAU,UAAYF,EAAWE,EAAM,QAAQ,EACvE,cAAeH,EAAQG,EAAM,QAAQ,EACrC,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,QAC7B,aAAcA,EAAM,OAAS,SAC7B,eAAgBA,EAAM,WAAa,OACnC,kBAAmBA,EAAM,WAAa,UACtC,eAAgBA,EAAM,WAAa,OACnC,iBAAkBA,EAAM,WAAa,SACrC,oBAAqBA,EAAM,WAAa,YACxC,mBAAoBA,EAAM,WAAa,UAC3C,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","isEmpty","isNotEmpty","styles","props"]}

package/breadcrumb/Breadcrumb.style.d.ts

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

package/breadcrumb/index.mjs

@@ -1,29 +1,2 @@
-import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/breadcrumb";var o=`
-    ${t}
-
-    .p-breadcrumb-item a {
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-        gap: dt('breadcrumb.item.gap');
-        transition:
-            background dt('breadcrumb.transition.duration'),
-            color dt('breadcrumb.transition.duration'),
-            outline-color dt('breadcrumb.transition.duration'),
-            box-shadow dt('breadcrumb.transition.duration');
-        border-radius: dt('breadcrumb.item.border.radius');
-        outline-color: transparent;
-        color: dt('breadcrumb.item.color');
-    }
-
-    .p-breadcrumb-item a:focus-visible {
-        box-shadow: dt('breadcrumb.item.focus.ring.shadow');
-        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
-        outline-offset: dt('breadcrumb.item.focus.ring.offset');
-    }
-
-    .p-breadcrumb-item a:hover{
-        color: dt('breadcrumb.item.hover.color');
-    }
-`,b=e({name:"breadcrumb",style:o,classes:{root:"p-breadcrumb p-component",list:"p-breadcrumb-list",item:({context:r})=>["p-breadcrumb-item",{"p-disabled":r.disabled}],separator:"p-breadcrumb-separator",icon:"p-breadcrumb-separator-icon"}});export{b as styles};
+import{createStyles as r}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/breadcrumb";var p=r({name:"breadcrumb",style:e,classes:{root:"p-breadcrumb p-component",list:"p-breadcrumb-list",item:"p-breadcrumb-item",separator:"p-breadcrumb-separator",link:"p-breadcrumb-item-link",current:"p-breadcrumb-current p-breadcrumb-item-link",ellipsis:"p-breadcrumb-ellipsis"}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/breadcrumb/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/breadcrumb/Breadcrumb.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BreadcrumbInstance } from '@primereact/types/shared/breadcrumb';\nimport { style } from '@primeuix/styles/breadcrumb';\n\nconst _style = /*css*/ `\n    ${style}\n\n    .p-breadcrumb-item a {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: dt('breadcrumb.item.gap');\n        transition:\n            background dt('breadcrumb.transition.duration'),\n            color dt('breadcrumb.transition.duration'),\n            outline-color dt('breadcrumb.transition.duration'),\n            box-shadow dt('breadcrumb.transition.duration');\n        border-radius: dt('breadcrumb.item.border.radius');\n        outline-color: transparent;\n        color: dt('breadcrumb.item.color');\n    }\n\n    .p-breadcrumb-item a:focus-visible {\n        box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n        outline-offset: dt('breadcrumb.item.focus.ring.offset');\n    }\n\n    .p-breadcrumb-item a:hover{\n        color: dt('breadcrumb.item.hover.color');\n    }\n`;\n\nexport const styles = createStyles<BreadcrumbInstance>({\n    name: 'breadcrumb',\n    style: _style,\n    classes: {\n        root: 'p-breadcrumb p-component',\n        list: 'p-breadcrumb-list',\n        item: ({ context }) => [\n            'p-breadcrumb-item',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        separator: 'p-breadcrumb-separator',\n        icon: 'p-breadcrumb-separator-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEtB,IAAMC,EAAiB;AAAA,MACjBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4BEE,EAASH,EAAiC,CACnD,KAAM,aACN,MAAOE,EACP,QAAS,CACL,KAAM,2BACN,KAAM,oBACN,KAAM,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACnB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,6BACV,CACJ,CAAC","names":["createStyles","style","_style","styles","context"]}
+{"version":3,"sources":["../../src/breadcrumb/Breadcrumb.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BreadcrumbRootInstance } from '@primereact/types/primitive/breadcrumb';\nimport { style } from '@primeuix/styles/breadcrumb';\n\nexport const styles = createStyles<BreadcrumbRootInstance>({\n    name: 'breadcrumb',\n    style,\n    classes: {\n        root: 'p-breadcrumb p-component',\n        list: 'p-breadcrumb-list',\n        item: 'p-breadcrumb-item',\n        separator: 'p-breadcrumb-separator',\n        link: 'p-breadcrumb-item-link',\n        current: 'p-breadcrumb-current p-breadcrumb-item-link',\n        ellipsis: 'p-breadcrumb-ellipsis'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACN,KAAM,oBACN,KAAM,oBACN,UAAW,yBACX,KAAM,yBACN,QAAS,8CACT,SAAU,uBACd,CACJ,CAAC","names":["createStyles","style","styles"]}

package/button/Button.style.d.ts

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

package/button/index.d.ts

@@ -1,2 +1 @@
 export * from './Button.style';
-export * from './ButtonGroup.style';

package/button/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/button";var r=o({name:"button",style:e,classes:{root:({instance:n,props:t})=>["p-button p-component",{"p-button-icon-only":t.iconOnly,"p-button-loading":t.loading,"p-button-link":t.variant==="link",[`p-button-${t.severity}`]:t.severity,"p-button-raised":t.raised,"p-button-rounded":t.rounded,"p-button-text":t.variant==="text","p-button-outlined":t.variant==="outlined","p-button-sm":t.size==="small","p-button-lg":t.size==="large","p-button-plain":t.plain,"p-button-fluid":n.hasFluid}],loadingIcon:"p-button-loading-icon",icon:({props:n})=>["p-button-icon",{[`p-button-icon-${n.iconPos}`]:n.label}],label:"p-button-label"}});import{createStyles as u}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/buttongroup";var p=u({name:"buttongroup",style:i,classes:{root:"p-buttongroup p-component"}});export{p as groupStyles,r as styles};
+import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/button";var u=o({name:"button",style:e,classes:{root:({instance:n,props:t})=>["p-button p-component",{"p-button-icon-only":t.iconOnly,"p-button-loading":t.loading,"p-button-link":t.variant==="link",[`p-button-${t.severity}`]:t.severity,"p-button-raised":t.raised,"p-button-rounded":t.rounded,"p-button-text":t.variant==="text","p-button-outlined":t.variant==="outlined","p-button-sm":t.size==="small","p-button-lg":t.size==="large","p-button-plain":t.plain,"p-button-fluid":n.hasFluid}],loadingIcon:"p-button-loading-icon",icon:({props:n})=>["p-button-icon",{[`p-button-icon-${n.iconPos}`]:n.label}],label:"p-button-label"}});export{u as styles};
 //# sourceMappingURL=index.mjs.map

package/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/button/Button.style.ts","../../src/button/ButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonInstance } from '@primereact/types/shared/button';\nimport { style } from '@primeuix/styles/button';\n\nexport const styles = createStyles<ButtonInstance>({\n    name: 'button',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-button p-component',\n            {\n                'p-button-icon-only': props.iconOnly,\n                'p-button-loading': props.loading,\n                'p-button-link': props.variant === 'link',\n                [`p-button-${props.severity}`]: props.severity,\n                'p-button-raised': props.raised,\n                'p-button-rounded': props.rounded,\n                'p-button-text': props.variant === 'text',\n                'p-button-outlined': props.variant === 'outlined',\n                'p-button-sm': props.size === 'small',\n                'p-button-lg': props.size === 'large',\n                'p-button-plain': props.plain,\n                'p-button-fluid': instance.hasFluid\n            }\n        ],\n        loadingIcon: 'p-button-loading-icon',\n        icon: ({ props }) => [\n            'p-button-icon',\n            {\n                [`p-button-icon-${props.iconPos}`]: props.label\n            }\n        ],\n        label: 'p-button-label'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonGroupInstance } from '@primereact/types/shared/button';\nimport { style } from '@primeuix/styles/buttongroup';\n\nexport const groupStyles = createStyles<ButtonGroupInstance>({\n    name: 'buttongroup',\n    style,\n    classes: {\n        root: 'p-buttongroup p-component'\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,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,uBACA,CACI,qBAAsBA,EAAM,SAC5B,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,CAAC,YAAYA,EAAM,QAAQ,EAAE,EAAGA,EAAM,SACtC,kBAAmBA,EAAM,OACzB,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,oBAAqBA,EAAM,UAAY,WACvC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAC9B,iBAAkBA,EAAM,MACxB,iBAAkBD,EAAS,QAC/B,CACJ,EACA,YAAa,wBACb,KAAM,CAAC,CAAE,MAAAC,CAAM,IAAM,CACjB,gBACA,CACI,CAAC,iBAAiBA,EAAM,OAAO,EAAE,EAAGA,EAAM,KAC9C,CACJ,EACA,MAAO,gBACX,CACJ,CAAC,EClCD,OAAS,gBAAAC,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAAcF,EAAkC,CACzD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props","createStyles","style","groupStyles"]}
+{"version":3,"sources":["../../src/button/Button.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ButtonInstance } from '@primereact/types/primitive/button';\nimport { style } from '@primeuix/styles/button';\n\nexport const styles = createStyles<ButtonInstance>({\n    name: 'button',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-button p-component',\n            {\n                'p-button-icon-only': props.iconOnly,\n                'p-button-loading': props.loading,\n                'p-button-link': props.variant === 'link',\n                [`p-button-${props.severity}`]: props.severity,\n                'p-button-raised': props.raised,\n                'p-button-rounded': props.rounded,\n                'p-button-text': props.variant === 'text',\n                'p-button-outlined': props.variant === 'outlined',\n                'p-button-sm': props.size === 'small',\n                'p-button-lg': props.size === 'large',\n                'p-button-plain': props.plain,\n                'p-button-fluid': instance.hasFluid\n            }\n        ],\n        loadingIcon: 'p-button-loading-icon',\n        icon: ({ props }) => [\n            'p-button-icon',\n            {\n                [`p-button-icon-${props.iconPos}`]: props.label\n            }\n        ],\n        label: 'p-button-label'\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,SAAAE,EAAU,MAAAC,CAAM,IAAM,CAC3B,uBACA,CACI,qBAAsBA,EAAM,SAC5B,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,CAAC,YAAYA,EAAM,QAAQ,EAAE,EAAGA,EAAM,SACtC,kBAAmBA,EAAM,OACzB,mBAAoBA,EAAM,QAC1B,gBAAiBA,EAAM,UAAY,OACnC,oBAAqBA,EAAM,UAAY,WACvC,cAAeA,EAAM,OAAS,QAC9B,cAAeA,EAAM,OAAS,QAC9B,iBAAkBA,EAAM,MACxB,iBAAkBD,EAAS,QAC/B,CACJ,EACA,YAAa,wBACb,KAAM,CAAC,CAAE,MAAAC,CAAM,IAAM,CACjB,gBACA,CACI,CAAC,iBAAiBA,EAAM,OAAO,EAAE,EAAGA,EAAM,KAC9C,CACJ,EACA,MAAO,gBACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props"]}

package/{button → buttongroup}/ButtonGroup.style.d.ts

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

package/buttongroup/index.d.ts

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

package/buttongroup/index.mjs

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

package/buttongroup/index.mjs.map

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

package/card/Card.style.d.ts

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

package/card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/card/Card.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CardInstance } from '@primereact/types/shared/card';\nimport { style } from '@primeuix/styles/card';\n\nexport const styles = createStyles<CardInstance>({\n    name: 'card',\n    style,\n    classes: {\n        root: 'p-card p-component',\n        header: 'p-card-header',\n        body: 'p-card-body',\n        caption: 'p-card-caption',\n        title: 'p-card-title',\n        subtitle: 'p-card-subtitle',\n        content: 'p-card-content',\n        footer: 'p-card-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,qBACN,OAAQ,gBACR,KAAM,cACN,QAAS,iBACT,MAAO,eACP,SAAU,kBACV,QAAS,iBACT,OAAQ,eACZ,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/card/Card.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CardRootInstance } from '@primereact/types/primitive/card';\nimport { style } from '@primeuix/styles/card';\n\nexport const styles = createStyles<CardRootInstance>({\n    name: 'card',\n    style,\n    classes: {\n        root: 'p-card p-component',\n        header: 'p-card-header',\n        body: 'p-card-body',\n        caption: 'p-card-caption',\n        title: 'p-card-title',\n        subtitle: 'p-card-subtitle',\n        content: 'p-card-content',\n        footer: 'p-card-footer'\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,gBACR,KAAM,cACN,QAAS,iBACT,MAAO,eACP,SAAU,kBACV,QAAS,iBACT,OAAQ,eACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

package/carousel/Carousel.style.d.ts

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

package/carousel/index.mjs

@@ -1,49 +1,2 @@
-import{createStyles as t}from"@primereact/styles/utils";var r=`
-
-.p-carousel-indicator-list {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    flex-wrap: wrap;
-    padding: dt('carousel.indicator.list.padding');
-    gap: dt('carousel.indicator.list.gap');
-    margin: 0;
-    list-style: none;
-}
-
-.p-carousel-indicator-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: dt('carousel.indicator.background');
-    width: dt('carousel.indicator.width');
-    height: dt('carousel.indicator.height');
-    border: 0 none;
-    transition:
-        background dt('carousel.transition.duration'),
-        color dt('carousel.transition.duration'),
-        outline-color dt('carousel.transition.duration'),
-        box-shadow dt('carousel.transition.duration');
-    outline-color: transparent;
-    border-radius: dt('carousel.indicator.border.radius');
-    padding: 0;
-    margin: 0;
-    user-select: none;
-    cursor: pointer;
-}
-
-.p-carousel-indicator-button:focus-visible {
-    box-shadow: dt('carousel.indicator.focus.ring.shadow');
-    outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');
-    outline-offset: dt('carousel.indicator.focus.ring.offset');
-}
-
-.p-carousel-indicator-button:hover {
-    background: dt('carousel.indicator.hover.background');
-}
-
-.p-carousel-indicator-active.p-carousel-indicator-button {
-    background: dt('carousel.indicator.active.background');
-}
-`,a=t({name:"carousel",style:r,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:o})=>["p-carousel-content",o.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:o})=>["p-carousel-indicator-button",o.active?"p-carousel-indicator-active":""],prev:({context:o})=>[{"p-disabled":o.disabled}],next:({context:o})=>[{"p-disabled":o.disabled}]}});export{a as styles};
+import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/carousel";var i=t({name:"carousel",style:o,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:e})=>["p-carousel-content",e.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:e})=>["p-carousel-indicator-button",e.active?"p-carousel-indicator-active":""],prev:({context:e})=>[{"p-disabled":e.disabled}],next:({context:e})=>[{"p-disabled":e.disabled}]}});export{i as styles};
 //# sourceMappingURL=index.mjs.map

package/carousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselInstance } from '@primereact/types/shared/carousel';\n\nconst theme = `\n\n.p-carousel-indicator-list {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: dt('carousel.indicator.list.padding');\n    gap: dt('carousel.indicator.list.gap');\n    margin: 0;\n    list-style: none;\n}\n\n.p-carousel-indicator-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: dt('carousel.indicator.background');\n    width: dt('carousel.indicator.width');\n    height: dt('carousel.indicator.height');\n    border: 0 none;\n    transition:\n        background dt('carousel.transition.duration'),\n        color dt('carousel.transition.duration'),\n        outline-color dt('carousel.transition.duration'),\n        box-shadow dt('carousel.transition.duration');\n    outline-color: transparent;\n    border-radius: dt('carousel.indicator.border.radius');\n    padding: 0;\n    margin: 0;\n    user-select: none;\n    cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: dt('carousel.indicator.focus.ring.shadow');\n    outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');\n    outline-offset: dt('carousel.indicator.focus.ring.offset');\n}\n\n.p-carousel-indicator-button:hover {\n    background: dt('carousel.indicator.hover.background');\n}\n\n.p-carousel-indicator-active.p-carousel-indicator-button {\n    background: dt('carousel.indicator.active.background');\n}\n`;\n\nexport const styles = createStyles<CarouselInstance>({\n    name: 'carousel',\n    style: theme,\n    classes: {\n        root: 'p-carousel p-component',\n        viewport: 'p-carousel-viewport',\n        content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n        item: 'p-carousel-item',\n        indicators: 'p-carousel-indicator-list',\n        indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n        prev: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        next: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiDDC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAOC,EACP,QAAS,CACL,KAAM,yBACN,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","theme","styles","context"]}
+{"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselRootInstance } from '@primereact/types/primitive/carousel';\nimport { style } from '@primeuix/styles/carousel';\n\nexport const styles = createStyles<CarouselRootInstance>({\n    name: 'carousel',\n    style,\n    classes: {\n        root: 'p-carousel p-component',\n        viewport: 'p-carousel-viewport',\n        content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n        item: 'p-carousel-item',\n        indicators: 'p-carousel-indicator-list',\n        indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n        prev: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        next: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ]\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,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","context"]}

package/checkbox/Checkbox.style.d.ts

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

package/checkbox/index.d.ts

@@ -1,2 +1 @@
 export * from './Checkbox.style';
-export * from './CheckboxGroup.style';

package/checkbox/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/checkbox";var m=r({name:"checkbox",style:i,classes:{root:({props:e,state:t,instance:p})=>{var o,c;return["p-checkbox p-component",{"p-checkbox-checked":t.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":((c=e.variant)!=null?c:(o=p.$primereact.config)==null?void 0:o.inputVariant)==="filled","p-checkbox-sm p-inputfield-sm":e.size==="small","p-checkbox-lg p-inputfield-lg":e.size==="large"}]},box:"p-checkbox-box",input:"p-checkbox-input",icon:"p-checkbox-icon"}});import{createStyles as n}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/checkboxgroup";var k=n({name:"checkboxgroup",style:a,classes:{root:"p-checkbox-group p-component"}});export{k as groupStyles,m as styles};
+import{createStyles as a}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/checkbox";var r=a({name:"checkbox",style:n,classes:{root:({props:e,state:t,instance:o})=>{var c,i;return["p-checkbox p-component",{"p-checkbox-checked":t.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":((i=e.variant)!=null?i:(c=o.$primereact.config)==null?void 0:c.inputVariant)==="filled","p-checkbox-sm p-inputfield-sm":e.size==="small","p-checkbox-lg p-inputfield-lg":e.size==="large"}]},box:"p-checkbox-box",input:"p-checkbox-input",indicator:"p-checkbox-indicator"}});export{r as styles};
 //# sourceMappingURL=index.mjs.map