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

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

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

@@ -1,2 +1 @@
 import{createStyles as e}from"@primereact/styles/utils";var r=e({name:"animateonscroll-directive"});export{r as styles};
-//# sourceMappingURL=index.mjs.map

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,78 @@
+import{createStyles as r}from"@primereact/styles/utils";import{style as a}from"@primeuix/styles/autocomplete";var l=`
+${a}
+
+/* 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);
+    }
+}
+`,m=r({name:"autocomplete",style:l,classes:{root:({instance:e,props:o,context:p,state:t})=>["p-autocomplete p-component p-inputwrapper",{"p-inputwrapper-filled":e?.hasValue(),"p-inputwrapper-focus":t.focused||t.opened,"p-autocomplete-fluid":o.fluid??p.$fluid,"p-disabled":o.disabled}],input:"p-autocomplete-input",clear:"p-autocomplete-clear",indicator:"p-autocomplete-indicator",trigger:"p-autocomplete-trigger",value:({context:e})=>["p-autocomplete-value p-autocomplete-label",{"p-autocomplete-value-empty p-autocomplete-label-empty":e?.empty,"p-placeholder":e?.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:e})=>["p-autocomplete-option",{"p-focus":e?.focused,"p-disabled":e?.disabled,"p-autocomplete-option-selected":e?.selected}],optionGroup:"p-autocomplete-option-group",optionIndicator:"p-autocomplete-option-indicator",arrow:"p-autocomplete-arrow",empty:"p-autocomplete-empty-message"}});export{m as styles};

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

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 @@
+import{createStyles as r}from"@primereact/styles/utils";var a=r({name:"avatargroup",classes:{root:"p-avatar-group"}});export{a as 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 @@
-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};
-//# sourceMappingURL=index.mjs.map
+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};

package/base/index.mjs

@@ -39,4 +39,3 @@ import{style as e}from"@primeuix/styles/base";var t=`
     transition: max-height 200ms ease-out;
 }
 `,i={name:"base",css:t,style:e,classes:{},inlineStyles:{}};export{i as styles};
-//# sourceMappingURL=index.mjs.map

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

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

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

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

@@ -1,2 +1 @@
 import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/card";var a=t({name:"card",style:r,classes:{root:"p-card p-component",header:"p-card-header",body:"p-card-body",caption:"p-card-caption",title:"p-card-title",subtitle:"p-card-subtitle",content:"p-card-content",footer:"p-card-footer"}});export{a as styles};
-//# sourceMappingURL=index.mjs.map

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

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 @@
-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};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/checkbox";var p=t({name:"checkbox",style:o,classes:{root:({props:e,state:c,instance:i})=>["p-checkbox p-component",{"p-checkbox-checked":c.checked,"p-disabled":e.disabled,"p-invalid":e.invalid,"p-variant-filled":(e.variant??i.$primereact.config?.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{p as styles};

package/{checkbox → checkboxgroup}/CheckboxGroup.style.d.ts

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

package/checkboxgroup/index.d.ts

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

package/checkboxgroup/index.mjs

@@ -0,0 +1 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/checkboxgroup";var p=o({name:"checkboxgroup",style:e,classes:{root:"p-checkbox-group p-component"}});export{p as styles};

package/chip/Chip.style.d.ts

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