@primereact/styles 11.0.0-alpha.1 → 11.0.0-alpha.10

package/orgchart/index.mjs

@@ -0,0 +1,185 @@
+import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/organizationchart";var a=`
+${r}
+
+.p-orgchart{
+    width: 100%;
+    overflow: auto;
+    padding: 1rem 0;
+}
+
+.p-orgchart-subtree{
+    position: relative;
+    display: flex;
+    padding-inline-start: 0;
+    margin: 0;
+    padding-top: calc(var(--gap-y) * 1px * 2/3);
+    gap: calc(var(--gap-x) * 1px);
+}
+
+.p-orgchart-subtree-root{
+    padding-top: 0;
+}
+
+.p-orgchart-subtree-root::before {
+    content: none !important;
+}
+
+.p-orgchart-subtree::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    height: calc(var(--gap-y) * 1px * 2/3);
+    box-sizing: border-box;
+    left: calc(50% - 1px / 2);
+    width: 0;
+    border-left: 1px solid dt('organizationchart.connector.color');
+}
+
+.p-orgchart-tree {
+    flex-shrink: 0;
+    text-align: center;
+    list-style-type: none;
+    margin: 0 auto;
+    position: relative;
+    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;
+}
+
+.p-orgchart-tree::before,
+.p-orgchart-tree::after {
+    content: "";
+    position: absolute;
+    height: calc(var(--gap-y) * 1px * 1/3);
+    width: calc(50% + calc(var(--gap-x) / 2 * 1px));
+    top: 0;
+    right: 50%;
+    border-top: 1px solid dt('organizationchart.connector.color');
+    box-sizing: border-box;
+}
+
+.p-orgchart-tree::after {
+    left: 50%;
+    border-left: 1px solid dt('organizationchart.connector.color');
+}
+
+.p-orgchart-tree:only-of-type {
+    padding: 0;
+}
+
+.p-orgchart-tree:only-of-type::before,
+.p-orgchart-tree:only-of-type::after {
+    display: none;
+}
+
+.p-orgchart-tree:first-of-type::before {
+    border: none;
+}
+
+.p-orgchart-tree:first-of-type::after {
+    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;
+}
+
+.p-orgchart-tree:last-of-type::before {
+    border-right: 1px solid dt('organizationchart.connector.color');
+    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;
+}
+
+.p-orgchart-tree:last-of-type::after {
+    border: 0 none;
+}
+
+.p-orgchart-node {
+    position: relative;
+    min-width: 4rem;
+    width: fit-content;
+    margin: 0 auto;
+    background: dt('organizationchart.node.background');
+    border: 1px solid dt('organizationchart.node.border.color');
+    border-radius: dt('organizationchart.node.border.radius');
+    color: dt('organizationchart.node.color');
+    transition:
+        background dt('organizationchart.transition.duration'),
+        border-color dt('organizationchart.transition.duration'),
+        color dt('organizationchart.transition.duration'),
+        box-shadow dt('organizationchart.transition.duration');
+}
+
+.p-orgchart-node-content{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: dt('organizationchart.node.padding');
+}
+
+.p-orgchart-node[data-selectable="true"]:not([data-selected="true"]):hover {
+    background: dt('organizationchart.node.hover.background');
+    color: dt('organizationchart.node.hover.color');
+}
+
+.p-orgchart-node[data-selectable="true"][data-selected="true"] {
+    background: dt('organizationchart.node.selected.background');
+    color: dt('organizationchart.node.selected.color');
+}
+
+.p-orgchart-node[data-selectable="true"] {
+    cursor: pointer;
+    user-select: none;
+}
+
+.p-orgchart-collapse-button{
+    pointer-events: auto;
+    padding: 0.1rem 0.3rem;
+    gap: 0.2rem;
+    position: absolute;
+    z-index:2;
+    font-size: 0.75rem;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%) translateY(50%);
+    cursor: pointer;
+    user-select: none;
+    background: dt('organizationchart.node.toggle.button.background');
+    color: dt('organizationchart.node.toggle.button.color');
+    border-radius: 99999px;
+    border: 1px solid dt('organizationchart.node.toggle.button.border.color');
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    outline-color: transparent;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    transition:
+        background dt('organizationchart.transition.duration'),
+        color dt('organizationchart.transition.duration'),
+        border-color dt('organizationchart.transition.duration'),
+        outline-color dt('organizationchart.transition.duration'),
+        box-shadow dt('organizationchart.transition.duration');
+}
+
+.p-orgchart-node[data-collapsible="true"][data-collapsed="false"] .p-orgchart-collapse-button{
+    bottom: 0;
+    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));
+}
+
+.p-orgchart-node: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-orgchart-collapse-button:hover {
+    background: dt('organizationchart.node.toggle.button.hover.background');
+    color: dt('organizationchart.node.toggle.button.hover.color');
+}
+
+.p-orgchart-collapse-button: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-orgchart-collapse-button > svg{
+    width: 0.65rem !important;
+    height: 0.65rem !important;
+}
+
+`,i=t({name:"organizationchart",style:a,classes:{root:"p-orgchart p-component",tree:"p-orgchart-tree",subtree:({context:o})=>["p-orgchart-subtree",{"p-orgchart-subtree-root":o==null?void 0:o.root}],node:"p-orgchart-node",nodeContent:"p-orgchart-node-content",collapseButton:"p-orgchart-collapse-button"}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/orgchart/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orgchart/OrgChart.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OrgChartRootInstance } from '@primereact/types/shared/orgchart';\nimport { style } from '@primeuix/styles/organizationchart';\n\nconst theme = `\n${style}\n\n.p-orgchart{\n    width: 100%;\n    overflow: auto;\n    padding: 1rem 0;\n}\n\n.p-orgchart-subtree{\n    position: relative;\n    display: flex;\n    padding-inline-start: 0;\n    margin: 0;\n    padding-top: calc(var(--gap-y) * 1px * 2/3);\n    gap: calc(var(--gap-x) * 1px);\n}\n\n.p-orgchart-subtree-root{\n    padding-top: 0;\n}\n\n.p-orgchart-subtree-root::before {\n    content: none !important;\n}\n\n.p-orgchart-subtree::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    height: calc(var(--gap-y) * 1px * 2/3);\n    box-sizing: border-box;\n    left: calc(50% - 1px / 2);\n    width: 0;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree {\n    flex-shrink: 0;\n    text-align: center;\n    list-style-type: none;\n    margin: 0 auto;\n    position: relative;\n    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;\n}\n\n.p-orgchart-tree::before,\n.p-orgchart-tree::after {\n    content: \"\";\n    position: absolute;\n    height: calc(var(--gap-y) * 1px * 1/3);\n    width: calc(50% + calc(var(--gap-x) / 2 * 1px));\n    top: 0;\n    right: 50%;\n    border-top: 1px solid dt('organizationchart.connector.color');\n    box-sizing: border-box;\n}\n\n.p-orgchart-tree::after {\n    left: 50%;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree:only-of-type {\n    padding: 0;\n}\n\n.p-orgchart-tree:only-of-type::before,\n.p-orgchart-tree:only-of-type::after {\n    display: none;\n}\n\n.p-orgchart-tree:first-of-type::before {\n    border: none;\n}\n\n.p-orgchart-tree:first-of-type::after {\n    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;\n}\n\n.p-orgchart-tree:last-of-type::before {\n    border-right: 1px solid dt('organizationchart.connector.color');\n    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;\n}\n\n.p-orgchart-tree:last-of-type::after {\n    border: 0 none;\n}\n\n.p-orgchart-node {\n    position: relative;\n    min-width: 4rem;\n    width: fit-content;\n    margin: 0 auto;\n    background: dt('organizationchart.node.background');\n    border: 1px solid dt('organizationchart.node.border.color');\n    border-radius: dt('organizationchart.node.border.radius');\n    color: dt('organizationchart.node.color');\n    transition:\n        background dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node-content{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: dt('organizationchart.node.padding');\n}\n\n.p-orgchart-node[data-selectable=\"true\"]:not([data-selected=\"true\"]):hover {\n    background: dt('organizationchart.node.hover.background');\n    color: dt('organizationchart.node.hover.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"][data-selected=\"true\"] {\n    background: dt('organizationchart.node.selected.background');\n    color: dt('organizationchart.node.selected.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"] {\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-orgchart-collapse-button{\n    pointer-events: auto;\n    padding: 0.1rem 0.3rem;\n    gap: 0.2rem;\n    position: absolute;\n    z-index:2;\n    font-size: 0.75rem;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(50%);\n    cursor: pointer;\n    user-select: none;\n    background: dt('organizationchart.node.toggle.button.background');\n    color: dt('organizationchart.node.toggle.button.color');\n    border-radius: 99999px;\n    border: 1px solid dt('organizationchart.node.toggle.button.border.color');\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    transition:\n        background dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        outline-color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node[data-collapsible=\"true\"][data-collapsed=\"false\"] .p-orgchart-collapse-button{\n    bottom: 0;\n    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));\n}\n\n.p-orgchart-node: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-orgchart-collapse-button:hover {\n    background: dt('organizationchart.node.toggle.button.hover.background');\n    color: dt('organizationchart.node.toggle.button.hover.color');\n}\n\n.p-orgchart-collapse-button: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-orgchart-collapse-button > svg{\n    width: 0.65rem !important;\n    height: 0.65rem !important;\n}\n\n`;\n\nexport const styles = createStyles<OrgChartRootInstance>({\n    name: 'organizationchart',\n    style: theme,\n    classes: {\n        root: 'p-orgchart p-component',\n        tree: 'p-orgchart-tree',\n        subtree: ({ context }) => [\n            'p-orgchart-subtree',\n            {\n                'p-orgchart-subtree-root': context?.root\n            }\n        ],\n        node: 'p-orgchart-node',\n        nodeContent: 'p-orgchart-node-content',\n        collapseButton: 'p-orgchart-collapse-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,qCAEtB,IAAMC,EAAQ;AAAA,EACZD,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;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;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;AAAA;AAAA;AAAA;AAAA,EAwLME,EAASH,EAAmC,CACrD,KAAM,oBACN,MAAOE,EACP,QAAS,CACL,KAAM,yBACN,KAAM,kBACN,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACtB,qBACA,CACI,0BAA2BA,GAAA,YAAAA,EAAS,IACxC,CACJ,EACA,KAAM,kBACN,YAAa,0BACb,eAAgB,4BACpB,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}

package/{badge → overlaybadge}/OverlayBadge.style.d.ts

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

package/overlaybadge/index.d.ts

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

package/overlaybadge/index.mjs

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

package/overlaybadge/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overlaybadge/OverlayBadge.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OverlayBadgeInstance } from '@primereact/types/shared/overlaybadge';\nimport { style } from '@primeuix/styles/overlaybadge';\n\nexport const styles = 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,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,gBACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.1",
+  "version": "11.0.0-alpha.10",
   "author": "PrimeTek Informatics",
   "description": "",
   "homepage": "https://primereact.org/",
@@ -8,7 +8,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/primefaces/primereact.git",
-    "directory": "packages/styles"
+    "directory": "packages/@primereact/styles"
   },
   "bugs": {
     "url": "https://github.com/primefaces/primereact/issues"
@@ -32,8 +32,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@primeuix/styled": "^0.7.0-beta.2",
-    "@primeuix/utils": "^0.6.0-beta.2",
-    "@primeuix/styles": "^1.2.0-beta.2"
+    "@primeuix/styled": "^0.7.4",
+    "@primeuix/utils": "^0.6.4",
+    "@primeuix/styles": "^3.0.0-alpha.1"
   }
 }

package/paginator/Paginator.style.d.ts

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

package/paginator/index.d.ts

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

package/paginator/index.mjs

@@ -0,0 +1,26 @@
+import{createStyles as a}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/paginator";var o=`
+${n}
+.p-paginator-ellipsis {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    line-height: 1;
+    user-select: none;
+    overflow: hidden;
+    position: relative;
+    background: dt('paginator.nav.button.background');
+    border: 0 none;
+    color: dt('paginator.nav.button.color');
+    min-width: dt('paginator.nav.button.width');
+    height: dt('paginator.nav.button.height');
+    transition:
+        background dt('paginator.transition.duration'),
+        color dt('paginator.transition.duration'),
+        outline-color dt('paginator.transition.duration'),
+        box-shadow dt('paginator.transition.duration');
+    border-radius: dt('paginator.nav.button.border.radius');
+    padding: 0;
+    margin: 0;
+}
+`,r=a({name:"paginator",style:o,classes:{paginator:()=>["p-paginator p-component"],content:"p-paginator-content",contentStart:"p-paginator-content-start",contentEnd:"p-paginator-content-end",first:({context:t})=>["p-paginator-first",{"p-disabled":t.disabled}],firstIcon:"p-paginator-first-icon",prev:({context:t})=>["p-paginator-prev",{"p-disabled":t.disabled}],prevIcon:"p-paginator-prev-icon",next:({context:t})=>["p-paginator-next",{"p-disabled":t.disabled}],nextIcon:"p-paginator-next-icon",last:({context:t})=>["p-paginator-last",{"p-disabled":t.disabled}],lastIcon:"p-paginator-last-icon",pages:"p-paginator-pages",page:({context:t})=>["p-paginator-page",{"p-paginator-page-selected":t.selected===!0,"p-disabled":t.disabled}],ellipsis:"p-paginator-ellipsis",current:"p-paginator-current",pcRowPerPageDropdown:"p-paginator-rpp-dropdown",pcJumpToPageDropdown:"p-paginator-jtp-dropdown",pcJumpToPageInputText:"p-paginator-jtp-input"}});export{r as styles};
+//# sourceMappingURL=index.mjs.map

package/paginator/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/paginator/Paginator.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PaginatorRootInstance } from '@primereact/types/shared/paginator';\nimport { style } from '@primeuix/styles/paginator';\n\nconst theme = `\n${style}\n.p-paginator-ellipsis {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 1;\n    user-select: none;\n    overflow: hidden;\n    position: relative;\n    background: dt('paginator.nav.button.background');\n    border: 0 none;\n    color: dt('paginator.nav.button.color');\n    min-width: dt('paginator.nav.button.width');\n    height: dt('paginator.nav.button.height');\n    transition:\n        background dt('paginator.transition.duration'),\n        color dt('paginator.transition.duration'),\n        outline-color dt('paginator.transition.duration'),\n        box-shadow dt('paginator.transition.duration');\n    border-radius: dt('paginator.nav.button.border.radius');\n    padding: 0;\n    margin: 0;\n}\n`;\n\nexport const styles = createStyles<PaginatorRootInstance>({\n    name: 'paginator',\n    style: theme,\n    classes: {\n        paginator: () => ['p-paginator p-component'],\n        content: 'p-paginator-content',\n        contentStart: 'p-paginator-content-start',\n        contentEnd: 'p-paginator-content-end',\n        first: ({ context }) => [\n            'p-paginator-first',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        firstIcon: 'p-paginator-first-icon',\n        prev: ({ context }) => [\n            'p-paginator-prev',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        prevIcon: 'p-paginator-prev-icon',\n        next: ({ context }) => [\n            'p-paginator-next',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        nextIcon: 'p-paginator-next-icon',\n        last: ({ context }) => [\n            'p-paginator-last',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        lastIcon: 'p-paginator-last-icon',\n        pages: 'p-paginator-pages',\n        page: ({ context }) => [\n            'p-paginator-page',\n            {\n                'p-paginator-page-selected': context.selected === true,\n                'p-disabled': context.disabled\n            }\n        ],\n        ellipsis: 'p-paginator-ellipsis',\n        current: 'p-paginator-current',\n        pcRowPerPageDropdown: 'p-paginator-rpp-dropdown',\n        pcJumpToPageDropdown: 'p-paginator-jtp-dropdown',\n        pcJumpToPageInputText: 'p-paginator-jtp-input'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEtB,IAAMC,EAAQ;AAAA,EACZD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBME,EAASH,EAAoC,CACtD,KAAM,YACN,MAAOE,EACP,QAAS,CACL,UAAW,IAAM,CAAC,yBAAyB,EAC3C,QAAS,sBACT,aAAc,4BACd,WAAY,0BACZ,MAAO,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACpB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,wBACV,MAAO,oBACP,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,mBACA,CACI,4BAA6BA,EAAQ,WAAa,GAClD,aAAcA,EAAQ,QAC1B,CACJ,EACA,SAAU,uBACV,QAAS,sBACT,qBAAsB,2BACtB,qBAAsB,2BACtB,sBAAuB,uBAC3B,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}

package/panel/Panel.style.d.ts

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

package/panel/index.mjs

@@ -1,2 +1,9 @@
-import{createStyles as n}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/panel";var t=n({name:"panel",style:l,classes:{root:({props:e})=>["p-panel p-component",{"p-panel-toggleable":e.toggleable}],header:"p-panel-header",title:"p-panel-title",headerActions:"p-panel-header-actions",collapse:"p-panel-toggle-button",content:"p-panel-content",footer:"p-panel-footer"},inlineStyles:{content:({state:e})=>({display:e!=null&&e.collapsed?"none":"block"})}});export{t as styles};
+import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/panel";var n=`
+${t}
+
+/* @todo review styles */
+.p-panel-trigger {
+    cursor: pointer;
+}
+`,r=e({name:"panel",style:n,classes:{root:"p-panel p-component",header:"p-panel-header",title:"p-panel-title",trigger:"p-panel-trigger",content:"p-panel-content-container",contentOuter:"p-panel-content-wrapper",contentInner:"p-panel-content",footer:"p-panel-footer"}});export{r as styles};
 //# sourceMappingURL=index.mjs.map

package/panel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/panel/Panel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PanelInstance } from '@primereact/types/shared/panel';\nimport { style } from '@primeuix/styles/panel';\n\nexport const styles = createStyles<PanelInstance>({\n    name: 'panel',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-panel p-component',\n            {\n                'p-panel-toggleable': props.toggleable\n            }\n        ],\n        header: 'p-panel-header',\n        title: 'p-panel-title',\n        headerActions: 'p-panel-header-actions',\n        collapse: 'p-panel-toggle-button',\n        content: 'p-panel-content',\n        footer: 'p-panel-footer'\n    },\n    inlineStyles: {\n        content: ({ state }) => ({\n            display: state?.collapsed ? 'none' : 'block'\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,yBAEf,IAAMC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,sBACA,CACI,qBAAsBA,EAAM,UAChC,CACJ,EACA,OAAQ,iBACR,MAAO,gBACP,cAAe,yBACf,SAAU,wBACV,QAAS,kBACT,OAAQ,gBACZ,EACA,aAAc,CACV,QAAS,CAAC,CAAE,MAAAC,CAAM,KAAO,CACrB,QAASA,GAAA,MAAAA,EAAO,UAAY,OAAS,OACzC,EACJ,CACJ,CAAC","names":["createStyles","style","styles","props","state"]}
+{"version":3,"sources":["../../src/panel/Panel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PanelRootInstance } from '@primereact/types/shared/panel';\nimport { style as panel_style } from '@primeuix/styles/panel';\n\nconst style = /*css*/ `\n${panel_style}\n\n/* @todo review styles */\n.p-panel-trigger {\n    cursor: pointer;\n}\n`;\n\nexport const styles = createStyles<PanelRootInstance>({\n    name: 'panel',\n    style,\n    classes: {\n        root: 'p-panel p-component',\n        header: 'p-panel-header',\n        title: 'p-panel-title',\n        trigger: 'p-panel-trigger',\n        content: 'p-panel-content-container',\n        contentOuter: 'p-panel-content-wrapper',\n        contentInner: 'p-panel-content',\n        footer: 'p-panel-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAmB,yBAErC,IAAMC,EAAgB;AAAA,EACpBD,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQAE,EAASH,EAAgC,CAClD,KAAM,QACN,MAAAE,EACA,QAAS,CACL,KAAM,sBACN,OAAQ,iBACR,MAAO,gBACP,QAAS,kBACT,QAAS,4BACT,aAAc,0BACd,aAAc,kBACd,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","panel_style","style","styles"]}

package/password/Password.style.d.ts

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

package/password/index.d.ts

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

package/password/index.mjs

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

package/password/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/password/Password.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PasswordInstance } from '@primereact/types/shared/password';\nimport { style } from '@primeuix/styles/password';\n\nexport const styles = createStyles<PasswordInstance>({\n    name: 'password',\n    style,\n    classes: {\n        root: 'p-password p-component'\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,wBACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/popover/Popover.style.d.ts

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

package/popover/index.d.ts

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

package/popover/index.mjs

@@ -0,0 +1,88 @@
+import{createStyles as r}from"@primereact/styles/utils";var e=`
+.p-popover-positioner{
+    z-index: 2000;
+}
+
+.p-popover-popup{
+    position: relative;
+    background: light-dark(var(--p-surface-0), var(--p-surface-900));
+    border-radius: 0.5rem;
+    border: 1px solid var(--p-content-border-color);
+    opacity: 0;
+    scale: 0.93;
+    transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);
+    transform-origin: var(--transform-origin);
+    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.05);
+
+    &[data-open]{
+        opacity: 1;
+        scale: 1;
+    }
+}
+
+.p-popover-content{
+    padding: 0.5rem 1rem 1rem 1rem;
+}
+
+.p-popover-header{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 1rem 1rem 0 1rem;
+}
+
+.p-popover-footer{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0 1rem 1rem 1rem;
+}
+
+.p-popover-title{
+    color: light-dark(var(--p-surface-900), var(--p-surface-0));
+    font-size: 0.875rem;
+    font-weight: 500;
+}
+
+.p-popover-description{
+    color: light-dark(var(--p-surface-500), var(--p-surface-400));
+    font-size: 0.875rem;
+}
+
+.p-popover-arrow{
+    position: absolute;
+    border: 1px solid var(--p-content-border-color);
+    background: light-dark(var(--p-surface-0), var(--p-surface-900));
+    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(--placer-arrow-x);
+        bottom: -0.375rem;
+        transform: translateX(-50%) rotate(-45deg);
+    }
+
+    &[data-side='bottom']{
+        left: var(--placer-arrow-x);
+        top: -0.375rem;     
+        transform: translateX(-50%) rotate(135deg);
+    }
+
+    &[data-side='left']{
+        top: var(--placer-arrow-y);
+        right: -0.375rem;
+        transform: translateY(-50%) rotate(-135deg);
+    }
+
+    &[data-side='right']{
+        top: var(--placer-arrow-y);
+        left: -0.375rem;
+        transform: translateY(-50%) rotate(45deg);
+    }
+}
+`,p=r({name:"popover",style:e,classes:{overlay:"p-popover p-component",popup:"p-popover-popup",content:"p-popover-content",positioner:"p-popover-positioner",arrow:"p-popover-arrow",title:"p-popover-title",description:"p-popover-description",footer:"p-popover-footer",header:"p-popover-header"}});export{p as styles};
+//# sourceMappingURL=index.mjs.map

package/popover/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/popover/Popover.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PopoverRootInstance } from '@primereact/types/shared/popover';\n\nconst theme = /*css*/ `\n.p-popover-positioner{\n    z-index: 2000;\n}\n\n.p-popover-popup{\n    position: relative;\n    background: light-dark(var(--p-surface-0), var(--p-surface-900));\n    border-radius: 0.5rem;\n    border: 1px solid var(--p-content-border-color);\n    opacity: 0;\n    scale: 0.93;\n    transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);\n    transform-origin: var(--transform-origin);\n    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 0.05);\n\n    &[data-open]{\n        opacity: 1;\n        scale: 1;\n    }\n}\n\n.p-popover-content{\n    padding: 0.5rem 1rem 1rem 1rem;\n}\n\n.p-popover-header{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 1rem 1rem 0 1rem;\n}\n\n.p-popover-footer{\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n    padding: 0 1rem 1rem 1rem;\n}\n\n.p-popover-title{\n    color: light-dark(var(--p-surface-900), var(--p-surface-0));\n    font-size: 0.875rem;\n    font-weight: 500;\n}\n\n.p-popover-description{\n    color: light-dark(var(--p-surface-500), var(--p-surface-400));\n    font-size: 0.875rem;\n}\n\n.p-popover-arrow{\n    position: absolute;\n    border: 1px solid var(--p-content-border-color);\n    background: light-dark(var(--p-surface-0), var(--p-surface-900));\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(--placer-arrow-x);\n        bottom: -0.375rem;\n        transform: translateX(-50%) rotate(-45deg);\n    }\n\n    &[data-side='bottom']{\n        left: var(--placer-arrow-x);\n        top: -0.375rem;     \n        transform: translateX(-50%) rotate(135deg);\n    }\n\n    &[data-side='left']{\n        top: var(--placer-arrow-y);\n        right: -0.375rem;\n        transform: translateY(-50%) rotate(-135deg);\n    }\n\n    &[data-side='right']{\n        top: var(--placer-arrow-y);\n        left: -0.375rem;\n        transform: translateY(-50%) rotate(45deg);\n    }\n}\n`;\n\nexport const styles = createStyles<PopoverRootInstance>({\n    name: 'popover',\n    style: theme,\n    classes: {\n        overlay: 'p-popover p-component',\n        popup: 'p-popover-popup',\n        content: 'p-popover-content',\n        positioner: 'p-popover-positioner',\n        arrow: 'p-popover-arrow',\n        title: 'p-popover-title',\n        description: 'p-popover-description',\n        footer: 'p-popover-footer',\n        header: 'p-popover-header'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAgB;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwFTC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAOC,EACP,QAAS,CACL,QAAS,wBACT,MAAO,kBACP,QAAS,oBACT,WAAY,uBACZ,MAAO,kBACP,MAAO,kBACP,YAAa,wBACb,OAAQ,mBACR,OAAQ,kBACZ,CACJ,CAAC","names":["createStyles","theme","styles"]}

package/progressbar/ProgressBar.style.d.ts

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

package/progressbar/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as s}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/progressbar";var p=s({name:"progressbar",style:t,classes:{root:({props:e})=>["p-progressbar p-component",{"p-progressbar-determinate":e.mode==="determinate","p-progressbar-indeterminate":e.mode==="indeterminate"}],value:"p-progressbar-value",label:"p-progressbar-label"},inlineStyles:{value:({props:e,state:r})=>e.mode==="determinate"?{width:r.computedValue+"%",display:"flex"}:void 0}});export{p as styles};
+import{createStyles as t}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/progressbar";var p=t({name:"progressbar",style:s,classes:{root:({props:e})=>["p-progressbar p-component",{"p-progressbar-determinate":e.mode==="determinate","p-progressbar-indeterminate":e.mode==="indeterminate"}],value:"p-progressbar-value",label:"p-progressbar-label"},inlineStyles:{value:({props:e,state:r})=>e.mode==="determinate"?{width:r.computedValue+"%",display:"flex"}:void 0}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/progressbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/progressbar/ProgressBar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressBarInstance } from '@primereact/types/shared/progressbar';\nimport { style } from '@primeuix/styles/progressbar';\n\nexport const styles = createStyles<ProgressBarInstance>({\n    name: 'progressbar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-progressbar p-component',\n            {\n                'p-progressbar-determinate': props.mode === 'determinate',\n                'p-progressbar-indeterminate': props.mode === 'indeterminate'\n            }\n        ],\n        value: 'p-progressbar-value',\n        label: 'p-progressbar-label'\n    },\n    inlineStyles: {\n        value: ({ props, state }) =>\n            props.mode === 'determinate'\n                ? {\n                      width: state.computedValue + '%',\n                      display: 'flex'\n                  }\n                : undefined\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,4BACA,CACI,4BAA6BA,EAAM,OAAS,cAC5C,8BAA+BA,EAAM,OAAS,eAClD,CACJ,EACA,MAAO,sBACP,MAAO,qBACX,EACA,aAAc,CACV,MAAO,CAAC,CAAE,MAAAA,EAAO,MAAAC,CAAM,IACnBD,EAAM,OAAS,cACT,CACI,MAAOC,EAAM,cAAgB,IAC7B,QAAS,MACb,EACA,MACd,CACJ,CAAC","names":["createStyles","style","styles","props","state"]}
+{"version":3,"sources":["../../src/progressbar/ProgressBar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ProgressBarRootInstance } from '@primereact/types/shared/progressbar';\nimport { style } from '@primeuix/styles/progressbar';\n\nexport const styles = createStyles<ProgressBarRootInstance>({\n    name: 'progressbar',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-progressbar p-component',\n            {\n                'p-progressbar-determinate': props.mode === 'determinate',\n                'p-progressbar-indeterminate': props.mode === 'indeterminate'\n            }\n        ],\n        value: 'p-progressbar-value',\n        label: 'p-progressbar-label'\n    },\n    inlineStyles: {\n        value: ({ props, state }) =>\n            props.mode === 'determinate'\n                ? {\n                      width: state.computedValue + '%',\n                      display: 'flex'\n                  }\n                : undefined\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,4BACA,CACI,4BAA6BA,EAAM,OAAS,cAC5C,8BAA+BA,EAAM,OAAS,eAClD,CACJ,EACA,MAAO,sBACP,MAAO,qBACX,EACA,aAAc,CACV,MAAO,CAAC,CAAE,MAAAA,EAAO,MAAAC,CAAM,IACnBD,EAAM,OAAS,cACT,CACI,MAAOC,EAAM,cAAgB,IAC7B,QAAS,MACb,EACA,MACd,CACJ,CAAC","names":["createStyles","style","styles","props","state"]}

package/radiobutton/RadioButton.style.d.ts

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

package/radiobutton/index.d.ts

@@ -1,2 +1 @@
 export * from './RadioButton.style';
-export * from './RadioButtonGroup.style';

package/radiobutton/index.mjs

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

package/radiobutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/radiobutton/RadioButton.style.ts","../../src/radiobutton/RadioButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonInstance } from '@primereact/types/shared/radiobutton';\nimport { style } from '@primeuix/styles/radiobutton';\n\nexport const styles = createStyles<RadioButtonInstance>({\n    name: 'radiobutton',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-radiobutton p-component',\n            {\n                'p-radiobutton-checked': instance.state.checked === true,\n                'p-disabled': instance.group?.props.disabled === true || props.disabled === true,\n                'p-invalid': instance.group?.props.invalid ? instance.group?.props.invalid === true : props.invalid === true,\n                'p-variant-filled': props.variant === 'filled',\n                'p-radiobutton-sm p-inputfield-sm': props.size === 'small',\n                'p-radiobutton-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-radiobutton-box',\n        input: 'p-radiobutton-input',\n        icon: 'p-radiobutton-icon',\n        group: 'p-radiobutton-group p-component'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonGroupInstance } from '@primereact/types/shared/radiobutton';\nimport { style } from '@primeuix/styles/radiobuttongroup';\n\nexport const groupStyles = createStyles<RadioButtonGroupInstance>({\n    name: 'radiobuttongroup',\n    style,\n    classes: {\n        root: 'p-radiobutton-group 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,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAG,CARpC,IAAAC,EAAAC,EAAAC,EAQuC,OAC3B,4BACA,CACI,wBAAyBJ,EAAS,MAAM,UAAY,GACpD,eAAcE,EAAAF,EAAS,QAAT,YAAAE,EAAgB,MAAM,YAAa,IAAQD,EAAM,WAAa,GAC5E,aAAaE,EAAAH,EAAS,QAAT,MAAAG,EAAgB,MAAM,UAAUC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAM,WAAY,GAAOH,EAAM,UAAY,GACxG,mBAAoBA,EAAM,UAAY,SACtC,mCAAoCA,EAAM,OAAS,QACnD,mCAAoCA,EAAM,OAAS,OACvD,CACJ,GACA,IAAK,oBACL,MAAO,sBACP,KAAM,qBACN,MAAO,iCACX,CACJ,CAAC,ECxBD,OAAS,gBAAAI,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,oCAEf,IAAMC,EAAcF,EAAuC,CAC9D,KAAM,mBACN,MAAAC,EACA,QAAS,CACL,KAAM,iCACV,CACJ,CAAC","names":["createStyles","style","styles","instance","props","_a","_b","_c","createStyles","style","groupStyles"]}
+{"version":3,"sources":["../../src/radiobutton/RadioButton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonRootInstance } from '@primereact/types/shared/radiobutton';\nimport { style } from '@primeuix/styles/radiobutton';\n\nexport const styles = createStyles<RadioButtonRootInstance>({\n    name: 'radiobutton',\n    style,\n    classes: {\n        root: ({ instance, props }) => [\n            'p-radiobutton p-component',\n            {\n                'p-radiobutton-checked': instance.state.checked === true,\n                'p-disabled': instance.group?.props.disabled === true || props.disabled === true,\n                'p-invalid': instance.group?.props.invalid ? instance.group?.props.invalid === true : props.invalid === true,\n                'p-variant-filled': props.variant === 'filled',\n                'p-radiobutton-sm p-inputfield-sm': props.size === 'small',\n                'p-radiobutton-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-radiobutton-box',\n        input: 'p-radiobutton-input',\n        indicator: 'p-radiobutton-icon',\n        group: 'p-radiobutton-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,+BAEf,IAAMC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,CAAM,IAAG,CARpC,IAAAC,EAAAC,EAAAC,EAQuC,OAC3B,4BACA,CACI,wBAAyBJ,EAAS,MAAM,UAAY,GACpD,eAAcE,EAAAF,EAAS,QAAT,YAAAE,EAAgB,MAAM,YAAa,IAAQD,EAAM,WAAa,GAC5E,aAAaE,EAAAH,EAAS,QAAT,MAAAG,EAAgB,MAAM,UAAUC,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAM,WAAY,GAAOH,EAAM,UAAY,GACxG,mBAAoBA,EAAM,UAAY,SACtC,mCAAoCA,EAAM,OAAS,QACnD,mCAAoCA,EAAM,OAAS,OACvD,CACJ,GACA,IAAK,oBACL,MAAO,sBACP,UAAW,qBACX,MAAO,iCACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props","_a","_b","_c"]}

package/{radiobutton → radiobuttongroup}/RadioButtonGroup.style.d.ts

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

package/radiobuttongroup/index.d.ts

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

package/radiobuttongroup/index.mjs

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

package/radiobuttongroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/radiobuttongroup/RadioButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { RadioButtonGroupInstance } from '@primereact/types/shared/radiobuttongroup';\nimport { style } from '@primeuix/styles/radiobuttongroup';\n\nexport const styles = createStyles<RadioButtonGroupInstance>({\n    name: 'radiobuttongroup',\n    style,\n    classes: {\n        root: 'p-radiobutton-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,oCAEf,IAAMC,EAASF,EAAuC,CACzD,KAAM,mBACN,MAAAC,EACA,QAAS,CACL,KAAM,iCACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/rating/Rating.style.d.ts

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

package/rating/index.d.ts

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