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

package/checkbox/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/checkbox/Checkbox.style.ts","../../src/checkbox/CheckboxGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxInstance } from '@primereact/types/shared/checkbox';\nimport { style } from '@primeuix/styles/checkbox';\n\nexport const styles = createStyles<CheckboxInstance>({\n    name: 'checkbox',\n    style,\n    classes: {\n        root: ({ props, state, instance }) => [\n            'p-checkbox p-component',\n            {\n                'p-checkbox-checked': state.checked,\n                'p-disabled': props.disabled,\n                'p-invalid': props.invalid,\n                'p-variant-filled': (props.variant ?? instance.$primereact.config?.inputVariant) === 'filled',\n                'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n                'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-checkbox-box',\n        input: 'p-checkbox-input',\n        icon: 'p-checkbox-icon'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport { CheckboxGroupInstance } from '@primereact/types/shared/checkbox';\nimport { style } from '@primeuix/styles/checkboxgroup';\n\nexport const groupStyles = createStyles<CheckboxGroupInstance>({\n    name: 'checkboxgroup',\n    style,\n    classes: {\n        root: 'p-checkbox-group 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,CAAC,CAAE,MAAAE,EAAO,MAAAC,EAAO,SAAAC,CAAS,IAAG,CAR3C,IAAAC,EAAAC,EAQ8C,OAClC,yBACA,CACI,qBAAsBH,EAAM,QAC5B,aAAcD,EAAM,SACpB,YAAaA,EAAM,QACnB,qBAAqBI,EAAAJ,EAAM,UAAN,KAAAI,GAAiBD,EAAAD,EAAS,YAAY,SAArB,YAAAC,EAA6B,gBAAkB,SACrF,gCAAiCH,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,OACpD,CACJ,GACA,IAAK,iBACL,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC,ECvBD,OAAS,gBAAAK,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAAcF,EAAoC,CAC3D,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,8BACV,CACJ,CAAC","names":["createStyles","style","styles","props","state","instance","_a","_b","createStyles","style","groupStyles"]}
+{"version":3,"sources":["../../src/checkbox/Checkbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxRootInstance } from '@primereact/types/primitive/checkbox';\nimport { style } from '@primeuix/styles/checkbox';\n\nexport const styles = createStyles<CheckboxRootInstance>({\n    name: 'checkbox',\n    style,\n    classes: {\n        root: ({ props, state, instance }) => [\n            'p-checkbox p-component',\n            {\n                'p-checkbox-checked': state.checked,\n                'p-disabled': props.disabled,\n                'p-invalid': props.invalid,\n                'p-variant-filled': (props.variant ?? instance.$primereact.config?.inputVariant) === 'filled',\n                'p-checkbox-sm p-inputfield-sm': props.size === 'small',\n                'p-checkbox-lg p-inputfield-lg': props.size === 'large'\n            }\n        ],\n        box: 'p-checkbox-box',\n        input: 'p-checkbox-input',\n        indicator: 'p-checkbox-indicator'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,WACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,EAAO,SAAAC,CAAS,IAAG,CAR3C,IAAAC,EAAAC,EAQ8C,OAClC,yBACA,CACI,qBAAsBH,EAAM,QAC5B,aAAcD,EAAM,SACpB,YAAaA,EAAM,QACnB,qBAAqBI,EAAAJ,EAAM,UAAN,KAAAI,GAAiBD,EAAAD,EAAS,YAAY,SAArB,YAAAC,EAA6B,gBAAkB,SACrF,gCAAiCH,EAAM,OAAS,QAChD,gCAAiCA,EAAM,OAAS,OACpD,CACJ,GACA,IAAK,iBACL,MAAO,mBACP,UAAW,sBACf,CACJ,CAAC","names":["createStyles","style","styles","props","state","instance","_a","_b"]}

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

package/checkboxgroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/checkboxgroup/CheckboxGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CheckboxGroupInstance } from '@primereact/types/primitive/checkboxgroup';\nimport { style } from '@primeuix/styles/checkboxgroup';\n\nexport const styles = createStyles<CheckboxGroupInstance>({\n    name: 'checkboxgroup',\n    style,\n    classes: {\n        root: 'p-checkbox-group p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,iCAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,gBACN,MAAAC,EACA,QAAS,CACL,KAAM,8BACV,CACJ,CAAC","names":["createStyles","style","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;

package/chip/index.mjs

@@ -1,2 +1,119 @@
-import{createStyles as e}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/chip";var i=e({name:"chip",style:p,classes:{root:"p-chip p-component",image:"p-chip-image",icon:"p-chip-icon",label:"p-chip-label",removeIcon:"p-chip-remove-icon"}});export{i as styles};
+import{createStyles as i}from"@primereact/styles/utils";var t=`
+    .p-chip {
+        display: inline-flex;
+        align-items: center;
+        background: dt('chip.background');
+        color: dt('chip.color');
+        border-radius: dt('chip.border.radius');
+        padding-block: dt('chip.padding.y');
+        padding-inline: dt('chip.padding.x');
+        gap: dt('chip.gap');
+    }
+
+    .p-chip-label{
+        font-weight: dt('chip.label.font.weight');
+        font-size: dt('chip.label.font.size');
+    }
+
+    .p-chip-start,
+    .p-chip-end {
+        width: calc(1rem + dt('chip.padding.y'));
+        height: calc(1rem + dt('chip.padding.y'));
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+
+        & > svg,
+        & > i {
+            color: dt('chip.icon.color');
+            font-size: dt('chip.icon.size') !important;
+            width: dt('chip.icon.size') !important;
+            height: dt('chip.icon.size') !important;
+        }
+    }
+
+    .p-chip-start {
+        margin-inline-start: calc(-1 * dt('chip.padding.y') / 2);
+        color: dt('chip.icon.color');
+    }
+
+    .p-chip-start svg {
+        width: dt('chip.icon.size');
+        height: dt('chip.icon.size');
+    }
+
+    .p-chip-start i {
+        font-size: dt('chip.icon.size');
+    }
+
+    .p-chip-start:not(:has(img)){
+        margin-inline-end: calc(-1 * dt('chip.padding.y') / 2);
+    }
+
+    .p-chip-end {
+        margin-inline-end: calc(-1 * dt('chip.padding.y') / 2);
+        color: dt('chip.icon.color');
+    }
+
+    .p-chip-end svg {
+        width: dt('chip.icon.size');
+        height: dt('chip.icon.size');
+    }
+
+    .p-chip-end i {
+        font-size: dt('chip.icon.size');
+    }
+
+    .p-chip-end:not(:has(img)){
+        margin-inline-start: calc(-1 * dt('chip.padding.y') / 2);
+    }
+
+    .p-chip:has(.p-chip-start),
+    .p-chip:has(.p-chip-end) {
+        padding-block: calc(dt('chip.padding.y') / 2);
+    }
+
+    .p-chip:has(.p-chip-start) {
+        padding-inline-start: dt('chip.padding.y');
+    }
+
+    .p-chip:has(.p-chip-end) {
+        padding-inline-end: dt('chip.padding.y');
+    }
+
+    .p-chip-start img, 
+    .p-chip-end img {
+        width: dt('chip.image.width');
+        height: dt('chip.image.height');
+    }
+
+    .p-chip-remove {
+        cursor: pointer;
+        border-radius: 50%;
+        transition:
+            outline-color dt('chip.transition.duration'),
+            box-shadow dt('chip.transition.duration');
+        outline-color: transparent;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        color: dt('chip.remove.icon.color')
+    }
+
+    .p-chip-remove svg {
+        width: dt('chip.remove.icon.size');
+        height: dt('chip.remove.icon.size');
+    }
+
+    .p-chip-remove i {
+        font-size: dt('chip.remove.icon.size');
+    }
+
+    .p-chip-remove:focus-visible {
+        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
+        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
+        outline-offset: dt('chip.remove.icon.focus.ring.offset');
+    }
+`,p=i({name:"chip",style:t,classes:{root:"p-chip p-component",label:"p-chip-label",remove:"p-chip-remove",start:"p-chip-start",end:"p-chip-end"}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/chip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chip/Chip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ChipInstance } from '@primereact/types/shared/chip';\nimport { style } from '@primeuix/styles/chip';\n\nexport const styles = createStyles<ChipInstance>({\n    name: 'chip',\n    style,\n    classes: {\n        root: 'p-chip p-component',\n        image: 'p-chip-image',\n        icon: 'p-chip-icon',\n        label: 'p-chip-label',\n        removeIcon: 'p-chip-remove-icon'\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,MAAO,eACP,KAAM,cACN,MAAO,eACP,WAAY,oBAChB,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/chip/Chip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ChipRootInstance } from '@primereact/types/primitive/chip';\n\nconst theme = /*css*/ `\n    .p-chip {\n        display: inline-flex;\n        align-items: center;\n        background: dt('chip.background');\n        color: dt('chip.color');\n        border-radius: dt('chip.border.radius');\n        padding-block: dt('chip.padding.y');\n        padding-inline: dt('chip.padding.x');\n        gap: dt('chip.gap');\n    }\n\n    .p-chip-label{\n        font-weight: dt('chip.label.font.weight');\n        font-size: dt('chip.label.font.size');\n    }\n\n    .p-chip-start,\n    .p-chip-end {\n        width: calc(1rem + dt('chip.padding.y'));\n        height: calc(1rem + dt('chip.padding.y'));\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n\n        & > svg,\n        & > i {\n            color: dt('chip.icon.color');\n            font-size: dt('chip.icon.size') !important;\n            width: dt('chip.icon.size') !important;\n            height: dt('chip.icon.size') !important;\n        }\n    }\n\n    .p-chip-start {\n        margin-inline-start: calc(-1 * dt('chip.padding.y') / 2);\n        color: dt('chip.icon.color');\n    }\n\n    .p-chip-start svg {\n        width: dt('chip.icon.size');\n        height: dt('chip.icon.size');\n    }\n\n    .p-chip-start i {\n        font-size: dt('chip.icon.size');\n    }\n\n    .p-chip-start:not(:has(img)){\n        margin-inline-end: calc(-1 * dt('chip.padding.y') / 2);\n    }\n\n    .p-chip-end {\n        margin-inline-end: calc(-1 * dt('chip.padding.y') / 2);\n        color: dt('chip.icon.color');\n    }\n\n    .p-chip-end svg {\n        width: dt('chip.icon.size');\n        height: dt('chip.icon.size');\n    }\n\n    .p-chip-end i {\n        font-size: dt('chip.icon.size');\n    }\n\n    .p-chip-end:not(:has(img)){\n        margin-inline-start: calc(-1 * dt('chip.padding.y') / 2);\n    }\n\n    .p-chip:has(.p-chip-start),\n    .p-chip:has(.p-chip-end) {\n        padding-block: calc(dt('chip.padding.y') / 2);\n    }\n\n    .p-chip:has(.p-chip-start) {\n        padding-inline-start: dt('chip.padding.y');\n    }\n\n    .p-chip:has(.p-chip-end) {\n        padding-inline-end: dt('chip.padding.y');\n    }\n\n    .p-chip-start img, \n    .p-chip-end img {\n        width: dt('chip.image.width');\n        height: dt('chip.image.height');\n    }\n\n    .p-chip-remove {\n        cursor: pointer;\n        border-radius: 50%;\n        transition:\n            outline-color dt('chip.transition.duration'),\n            box-shadow dt('chip.transition.duration');\n        outline-color: transparent;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        color: dt('chip.remove.icon.color')\n    }\n\n    .p-chip-remove svg {\n        width: dt('chip.remove.icon.size');\n        height: dt('chip.remove.icon.size');\n    }\n\n    .p-chip-remove i {\n        font-size: dt('chip.remove.icon.size');\n    }\n\n    .p-chip-remove:focus-visible {\n        box-shadow: dt('chip.remove.icon.focus.ring.shadow');\n        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');\n        outline-offset: dt('chip.remove.icon.focus.ring.offset');\n    }\n`;\n\nexport const styles = createStyles<ChipRootInstance>({\n    name: 'chip',\n    style: theme,\n    classes: {\n        root: 'p-chip p-component',\n        label: 'p-chip-label',\n        remove: 'p-chip-remove',\n        start: 'p-chip-start',\n        end: 'p-chip-end'\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuHTC,EAASF,EAA+B,CACjD,KAAM,OACN,MAAOC,EACP,QAAS,CACL,KAAM,qBACN,MAAO,eACP,OAAQ,gBACR,MAAO,eACP,IAAK,YACT,CACJ,CAAC","names":["createStyles","theme","styles"]}

package/{colorpicker/ColorPicker.style.d.ts → compare/Compare.style.d.ts}

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

package/compare/index.d.ts

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

package/compare/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as r}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/compare";var a=r({name:"compare",style:o,classes:{root:"p-compare",item:"p-compare-item",input:"p-compare-input",indicator:({context:e})=>["p-compare-indicator",{"p-disabled":e.disabled}],handle:({context:e})=>["p-compare-handle",{"p-disabled":e.disabled}]}});export{a as styles};
+//# sourceMappingURL=index.mjs.map

package/compare/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/compare/Compare.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CompareRootInstance } from '@primereact/types/primitive/compare';\nimport { style } from '@primeuix/styles/compare';\n\nexport const styles = createStyles<CompareRootInstance>({\n    name: 'compare',\n    style,\n    classes: {\n        root: 'p-compare',\n        item: 'p-compare-item',\n        input: 'p-compare-input',\n        indicator: ({ context }) => {\n            return [\n                'p-compare-indicator',\n                {\n                    'p-disabled': context.disabled\n                }\n            ];\n        },\n        handle: ({ context }) => {\n            return [\n                'p-compare-handle',\n                {\n                    'p-disabled': context.disabled\n                }\n            ];\n        }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,YACN,KAAM,iBACN,MAAO,kBACP,UAAW,CAAC,CAAE,QAAAE,CAAQ,IACX,CACH,sBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IACR,CACH,mBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,CAER,CACJ,CAAC","names":["createStyles","style","styles","context"]}

package/contextmenu/ContextMenu.style.d.ts

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

package/contextmenu/index.d.ts

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

package/contextmenu/index.mjs

@@ -0,0 +1,181 @@
+import{createStyles as e}from"@primereact/styles/utils";var n=`
+.p-contextmenu {
+    background: dt('contextmenu.background');
+    color: dt('contextmenu.color');
+    border: 1px solid dt('contextmenu.border.color');
+    border-radius: dt('contextmenu.border.radius');
+    min-width: max-content;
+    box-shadow: dt('contextmenu.shadow');
+}
+
+.p-contextmenu:has(> .p-contextmenu-trigger-button) {
+    display: contents;
+}
+
+.p-contextmenu-popup{
+    transform-origin: var(--px-transform-origin);
+     will-change: transform, opacity;
+}
+
+.p-contextmenu-list {
+    margin: 0;
+    padding: dt('contextmenu.list.padding');
+    outline: 0 none;
+    list-style: none;
+    display: flex;
+    flex-direction: column;
+    gap: dt('contextmenu.list.gap');
+}
+
+.p-contextmenu-submenu .p-contextmenu-list {
+    padding-inline-start: 0;
+    padding-inline-end: 0;
+}
+
+.p-contextmenu-list[data-composite] {
+    min-width: 100%;
+}
+
+.p-contextmenu-item {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    text-decoration: none;
+    padding: dt('contextmenu.item.padding');
+    gap: dt('contextmenu.item.gap');
+    user-select: none;
+    outline: 0 none;
+    font-size: dt('contextmenu.item.label.font.size');
+    font-weight: dt('contextmenu.item.label.font.size');
+    transition:
+        background dt('contextmenu.transition.duration'),
+        color dt('contextmenu.transition.duration');
+    border-radius: dt('contextmenu.item.border.radius');
+    color: dt('contextmenu.item.color');
+    overflow: hidden;
+}
+
+.p-contextmenu-item svg,
+.p-contextmenu-item i {
+    font-size: dt('contextmenu.item.icon.size');
+    width: dt('contextmenu.item.icon.size');
+    height: dt('contextmenu.item.icon.size');
+    flex-shrink: 0;
+    color: dt('contextmenu.item.icon.color');
+}
+
+.p-contextmenu-item .p-contextmenu-submenu-indicator svg,
+.p-contextmenu-item .p-contextmenu-submenu-indicator i {
+    font-size: dt('contextmenu.submenu.icon.size');
+    width: dt('contextmenu.submenu.icon.size');
+    height:dt('contextmenu.submenu.icon.size');
+    color: dt('contextmenu.submenu.icon.color');
+}
+
+.p-contextmenu-item:not(.p-disabled):hover,
+.p-contextmenu-item.p-focus {
+    color: dt('contextmenu.item.focus.color');
+    background: dt('contextmenu.item.focus.background');
+}
+
+.p-contextmenu-item:not(.p-disabled):hover svg,
+.p-contextmenu-item:not(.p-disabled):hover i {
+    color: dt('contextmenu.item.icon.focus.color');
+}
+
+.p-contextmenu-item:not(.p-disabled):hover .p-contextmenu-submenu-indicator svg,
+.p-contextmenu-item:not(.p-disabled):hover .p-contextmenu-submenu-indicator i {
+    color: dt('contextmenu.submenu.icon.focus.color');
+}
+
+.p-contextmenu-item.p-focus svg,
+.p-contextmenu-item.p-focus i {
+    color: dt('contextmenu.item.icon.focus.color');
+}
+
+.p-contextmenu-item.p-focus .p-contextmenu-submenu-indicator svg,
+.p-contextmenu-item.p-focus .p-contextmenu-submenu-indicator i {
+    color: dt('contextmenu.submenu.icon.focus.color');
+}
+
+.p-contextmenu-checkbox-item-indicator,
+.p-contextmenu-radio-item-indicator,
+.p-contextmenu-submenu-indicator {
+    transition: transform dt('contextmenu.transition.duration');
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: dt('contextmenu.item.icon.size');
+}
+
+.p-contextmenu-submenu-indicator {
+    margin-inline-start: auto;
+}
+
+.p-contextmenu-item.p-contextmenu-subtrigger-active {
+    color: dt('contextmenu.item.active.color');
+    background: dt('contextmenu.item.active.background');
+}
+
+.p-contextmenu-item.p-contextmenu-subtrigger-active svg,
+.p-contextmenu-item.p-contextmenu-subtrigger-active i {
+    color: dt('contextmenu.item.icon.active.color');
+}
+
+.p-contextmenu-item.p-contextmenu-subtrigger-active .p-contextmenu-submenu-indicator svg,
+.p-contextmenu-item.p-contextmenu-subtrigger-active .p-contextmenu-submenu-indicator i {
+    color: dt('contextmenu.submenu.icon.active.color');
+}
+
+.p-contextmenu-label {
+    background: dt('contextmenu.submenu.label.background');
+    padding: dt('contextmenu.submenu.label.padding');
+    color: dt('contextmenu.submenu.label.color');
+    font-size: dt('contextmenu.submenu.label.font.size');
+    font-weight: dt('contextmenu.submenu.label.font.weight');
+}
+
+.p-contextmenu-separator {
+    border-block-start: 1px solid dt('contextmenu.separator.border.color');
+}
+
+.p-contextmenu-list:has(.p-contextmenu-checkbox-item-indicator) .p-contextmenu-label,
+.p-contextmenu-list:has(.p-contextmenu-radio-item-indicator) .p-contextmenu-label {
+    padding-inline-start: 2rem;
+}
+
+.p-contextmenu-arrow {
+    position: absolute;
+    border: 1px solid dt('contextmenu.border.color');
+    background: dt('contextmenu.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);
+    }
+}
+`,i=e({name:"contextmenu",style:n,classes:{root:"p-contextmenu p-component",trigger:"p-contextmenu-trigger-button",checkboxItemIndicator:"p-contextmenu-checkbox-item-indicator",radioItemIndicator:"p-contextmenu-radio-item-indicator",submenuIndicator:"p-contextmenu-submenu-indicator",popup:"p-contextmenu-popup",positioner:"p-contextmenu-positioner",arrow:"p-contextmenu-arrow",list:"p-contextmenu-list",group:"p-contextmenu-group",label:"p-contextmenu-label",submenu:"p-contextmenu-submenu",subtrigger:({context:t})=>["p-contextmenu-item p-contextmenu-subtrigger",{"p-contextmenu-subtrigger-active":t.active,"p-focus":t.focused,"p-disabled":t.disabled}],separator:"p-contextmenu-separator",item:({context:t})=>["p-contextmenu-item",{"p-focus":t.focused,"p-disabled":t.disabled}]}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/contextmenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contextmenu/ContextMenu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ContextMenuRootInstance } from '@primereact/types/primitive/contextmenu';\n\nconst style = /*css*/ `\n.p-contextmenu {\n    background: dt('contextmenu.background');\n    color: dt('contextmenu.color');\n    border: 1px solid dt('contextmenu.border.color');\n    border-radius: dt('contextmenu.border.radius');\n    min-width: max-content;\n    box-shadow: dt('contextmenu.shadow');\n}\n\n.p-contextmenu:has(> .p-contextmenu-trigger-button) {\n    display: contents;\n}\n\n.p-contextmenu-popup{\n    transform-origin: var(--px-transform-origin);\n     will-change: transform, opacity;\n}\n\n.p-contextmenu-list {\n    margin: 0;\n    padding: dt('contextmenu.list.padding');\n    outline: 0 none;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: dt('contextmenu.list.gap');\n}\n\n.p-contextmenu-submenu .p-contextmenu-list {\n    padding-inline-start: 0;\n    padding-inline-end: 0;\n}\n\n.p-contextmenu-list[data-composite] {\n    min-width: 100%;\n}\n\n.p-contextmenu-item {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    text-decoration: none;\n    padding: dt('contextmenu.item.padding');\n    gap: dt('contextmenu.item.gap');\n    user-select: none;\n    outline: 0 none;\n    font-size: dt('contextmenu.item.label.font.size');\n    font-weight: dt('contextmenu.item.label.font.size');\n    transition:\n        background dt('contextmenu.transition.duration'),\n        color dt('contextmenu.transition.duration');\n    border-radius: dt('contextmenu.item.border.radius');\n    color: dt('contextmenu.item.color');\n    overflow: hidden;\n}\n\n.p-contextmenu-item svg,\n.p-contextmenu-item i {\n    font-size: dt('contextmenu.item.icon.size');\n    width: dt('contextmenu.item.icon.size');\n    height: dt('contextmenu.item.icon.size');\n    flex-shrink: 0;\n    color: dt('contextmenu.item.icon.color');\n}\n\n.p-contextmenu-item .p-contextmenu-submenu-indicator svg,\n.p-contextmenu-item .p-contextmenu-submenu-indicator i {\n    font-size: dt('contextmenu.submenu.icon.size');\n    width: dt('contextmenu.submenu.icon.size');\n    height:dt('contextmenu.submenu.icon.size');\n    color: dt('contextmenu.submenu.icon.color');\n}\n\n.p-contextmenu-item:not(.p-disabled):hover,\n.p-contextmenu-item.p-focus {\n    color: dt('contextmenu.item.focus.color');\n    background: dt('contextmenu.item.focus.background');\n}\n\n.p-contextmenu-item:not(.p-disabled):hover svg,\n.p-contextmenu-item:not(.p-disabled):hover i {\n    color: dt('contextmenu.item.icon.focus.color');\n}\n\n.p-contextmenu-item:not(.p-disabled):hover .p-contextmenu-submenu-indicator svg,\n.p-contextmenu-item:not(.p-disabled):hover .p-contextmenu-submenu-indicator i {\n    color: dt('contextmenu.submenu.icon.focus.color');\n}\n\n.p-contextmenu-item.p-focus svg,\n.p-contextmenu-item.p-focus i {\n    color: dt('contextmenu.item.icon.focus.color');\n}\n\n.p-contextmenu-item.p-focus .p-contextmenu-submenu-indicator svg,\n.p-contextmenu-item.p-focus .p-contextmenu-submenu-indicator i {\n    color: dt('contextmenu.submenu.icon.focus.color');\n}\n\n.p-contextmenu-checkbox-item-indicator,\n.p-contextmenu-radio-item-indicator,\n.p-contextmenu-submenu-indicator {\n    transition: transform dt('contextmenu.transition.duration');\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: dt('contextmenu.item.icon.size');\n}\n\n.p-contextmenu-submenu-indicator {\n    margin-inline-start: auto;\n}\n\n.p-contextmenu-item.p-contextmenu-subtrigger-active {\n    color: dt('contextmenu.item.active.color');\n    background: dt('contextmenu.item.active.background');\n}\n\n.p-contextmenu-item.p-contextmenu-subtrigger-active svg,\n.p-contextmenu-item.p-contextmenu-subtrigger-active i {\n    color: dt('contextmenu.item.icon.active.color');\n}\n\n.p-contextmenu-item.p-contextmenu-subtrigger-active .p-contextmenu-submenu-indicator svg,\n.p-contextmenu-item.p-contextmenu-subtrigger-active .p-contextmenu-submenu-indicator i {\n    color: dt('contextmenu.submenu.icon.active.color');\n}\n\n.p-contextmenu-label {\n    background: dt('contextmenu.submenu.label.background');\n    padding: dt('contextmenu.submenu.label.padding');\n    color: dt('contextmenu.submenu.label.color');\n    font-size: dt('contextmenu.submenu.label.font.size');\n    font-weight: dt('contextmenu.submenu.label.font.weight');\n}\n\n.p-contextmenu-separator {\n    border-block-start: 1px solid dt('contextmenu.separator.border.color');\n}\n\n.p-contextmenu-list:has(.p-contextmenu-checkbox-item-indicator) .p-contextmenu-label,\n.p-contextmenu-list:has(.p-contextmenu-radio-item-indicator) .p-contextmenu-label {\n    padding-inline-start: 2rem;\n}\n\n.p-contextmenu-arrow {\n    position: absolute;\n    border: 1px solid dt('contextmenu.border.color');\n    background: dt('contextmenu.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<ContextMenuRootInstance>({\n    name: 'contextmenu',\n    style,\n    classes: {\n        root: 'p-contextmenu p-component',\n        trigger: 'p-contextmenu-trigger-button',\n        checkboxItemIndicator: 'p-contextmenu-checkbox-item-indicator',\n        radioItemIndicator: 'p-contextmenu-radio-item-indicator',\n        submenuIndicator: 'p-contextmenu-submenu-indicator',\n        popup: 'p-contextmenu-popup',\n        positioner: 'p-contextmenu-positioner',\n        arrow: 'p-contextmenu-arrow',\n        list: 'p-contextmenu-list',\n        group: 'p-contextmenu-group',\n        label: 'p-contextmenu-label',\n        submenu: 'p-contextmenu-submenu',\n        subtrigger: ({ context }) => [\n            'p-contextmenu-item p-contextmenu-subtrigger',\n            {\n                'p-contextmenu-subtrigger-active': context.active,\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        separator: 'p-contextmenu-separator',\n        item: ({ context }) => [\n            'p-contextmenu-item',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ]\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqLTC,EAASF,EAAsC,CACxD,KAAM,cACN,MAAAC,EACA,QAAS,CACL,KAAM,4BACN,QAAS,+BACT,sBAAuB,wCACvB,mBAAoB,qCACpB,iBAAkB,kCAClB,MAAO,sBACP,WAAY,2BACZ,MAAO,sBACP,KAAM,qBACN,MAAO,sBACP,MAAO,sBACP,QAAS,wBACT,WAAY,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACzB,8CACA,CACI,kCAAmCA,EAAQ,OAC3C,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,0BACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,qBACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","context"]}

package/{confirmpopup/ConfirmPopup.style.d.ts → datatable/DataTable.style.d.ts}

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

package/datatable/index.d.ts

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

package/datatable/index.mjs

@@ -0,0 +1,74 @@
+import{createStyles as l}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/datatable";var d=`
+${r}
+
+/* For PrimeReact */
+.p-datatable-resizable-table > .p-datatable-thead > tr > th,
+.p-datatable-resizable-table > .p-datatable-tbody > tr > td,
+.p-datatable-resizable-table > .p-datatable-tfoot > tr > td {
+    box-sizing: border-box;
+}
+
+.p-datatable-tbody > tr[data-dragpoint-top] > td {
+    box-shadow: inset 0 2px 0 0 dt('datatable.drop.point.color');
+}
+
+.p-datatable-tbody > tr[data-dragpoint-bottom] > td {
+    box-shadow: inset 0 -2px 0 0 dt('datatable.drop.point.color');
+}
+
+[data-scope="datatable"][data-part="column-reorder-target"] {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    width: 100%;
+    min-height: 100%;
+    box-sizing: border-box;
+}
+
+[data-scope="datatable"][data-part="column-reorder-target"][data-drop-active] {
+    background-color: color-mix(in srgb, dt('datatable.drop.point.color') 10%, transparent);
+}
+
+[data-scope="datatable"][data-part="column-reorder-target"][data-drop-active][data-drop-side="start"] {
+    box-shadow: inset 2px 0 0 0 dt('datatable.drop.point.color');
+}
+
+[data-scope="datatable"][data-part="column-reorder-target"][data-drop-active][data-drop-side="end"] {
+    box-shadow: inset -2px 0 0 0 dt('datatable.drop.point.color');
+}
+
+/* RTL */
+[dir="rtl"] [data-scope="datatable"][data-part="column-reorder-target"][data-drop-active][data-drop-side="start"] {
+    box-shadow: inset -2px 0 0 0 dt('datatable.drop.point.color');
+}
+
+[dir="rtl"] [data-scope="datatable"][data-part="column-reorder-target"][data-drop-active][data-drop-side="end"] {
+    box-shadow: inset 2px 0 0 0 dt('datatable.drop.point.color');
+}
+
+.p-datatable-column-reorder-indicator-up,
+.p-datatable-column-reorder-indicator-down {
+    position: absolute;
+    display: none;
+    color: dt('datatable.drop.point.color');
+}
+
+.p-datatable-scrollable .p-datatable-frozen-column {
+    background: dt('datatable.header.cell.background');
+}
+
+.p-datatable-scrollable .p-datatable-tbody > tr > td.p-datatable-frozen-column,
+.p-datatable-scrollable .p-datatable-tfoot > tr > td.p-datatable-frozen-column {
+    background: inherit;
+}
+
+.p-datatable-scrollable .p-datatable-frozen-column[data-frozen-edge="left"] {
+    box-shadow: inset -1px 0 0 0 dt('datatable.border.color');
+}
+
+.p-datatable-scrollable .p-datatable-frozen-column[data-frozen-edge="right"] {
+    box-shadow: inset 1px 0 0 0 dt('datatable.border.color');
+}
+`,i=l({name:"datatable",style:d,classes:{root:({props:a})=>["p-datatable p-component",{"p-datatable-hoverable":a.rowHover||a.selectionMode,"p-datatable-resizable":a.resizableColumns,"p-datatable-resizable-fit":a.resizableColumns&&a.columnResizeMode==="fit","p-datatable-scrollable":a.scrollable,"p-datatable-flex-scrollable":a.scrollable&&a.scrollHeight==="flex","p-datatable-striped":a.stripedRows,"p-datatable-gridlines":a.showGridlines,"p-datatable-sm":a.size==="small","p-datatable-lg":a.size==="large"}],header:"p-datatable-header",tableContainer:"p-datatable-table-container",table:({props:a})=>["p-datatable-table",{"p-datatable-scrollable-table":a.scrollable,"p-datatable-resizable-table":a.resizableColumns,"p-datatable-resizable-table-fit":a.resizableColumns&&a.columnResizeMode==="fit"}],head:"p-datatable-thead",theadRow:"p-datatable-thead-row",theadCell:({props:a,context:e})=>{let t=e;return["p-datatable-header-cell",{"p-datatable-resizable-column":a.resizableColumns,"p-datatable-reorderable-column":a.reorderableColumns,"p-datatable-frozen-column":!!(t!=null&&t.frozen),"p-datatable-frozen-column-left":!!(t!=null&&t.frozen)&&(t==null?void 0:t.alignFrozen)!=="right","p-datatable-frozen-column-right":!!(t!=null&&t.frozen)&&(t==null?void 0:t.alignFrozen)==="right","p-datatable-column-sorted":!!(t!=null&&t.isSorted)}]},thadTitle:"p-datatable-column-title",columnReorder:"p-datatable-reorder-indicator-icon",columnReorderTarget:"p-datatable-column-reorder-target",columnReorderIndicatorUp:"p-datatable-column-reorder-indicator-up",columnReorderIndicatorDown:"p-datatable-column-reorder-indicator-down",columnResizer:"p-datatable-column-resizer",columnResizeIndicator:"p-datatable-column-resize-indicator",sort:"p-datatable-sort",sortIcon:"p-datatable-sort-icon",sortOrder:"p-datatable-sort-badge",filter:({context:a})=>["p-datatable-filter",{"p-datatable-inline-filter":(a==null?void 0:a.display)==="row","p-datatable-popover-filter":(a==null?void 0:a.display)==="menu"}],filterOverlay:"p-datatable-filter-overlay",filterConstraint:"p-datatable-filter-constraint",filterOperator:"p-datatable-filter-operator",filterMatchMode:"p-datatable-filter-matchmode",filterActions:"p-datatable-filter-actions",filterAddRule:"p-datatable-filter-add-rule-button",filterRemoveRule:"p-datatable-filter-remove-rule-button",filterClearButton:"p-datatable-filter-clear-button",filterApplyButton:"p-datatable-filter-apply-button",filterButtonbar:"p-datatable-filter-buttonbar",rowReorder:"p-datatable-reorderable-row-handle",rowReorderIndicatorUp:"p-datatable-row-reorder-indicator-up",rowReorderIndicatorDown:"p-datatable-row-reorder-indicator-down",columnToggle:"p-datatable-column-toggle",export:"p-datatable-export",loading:"p-datatable-mask p-overlay-mask",loadingIcon:"p-datatable-loading-icon",pagination:({context:a})=>{var e;return`p-datatable-paginator-${(e=a==null?void 0:a.position)!=null?e:"bottom"}`},body:"p-datatable-tbody",frozenBody:"p-datatable-tbody p-datatable-frozen-tbody",row:({props:a,context:e})=>{let t=e,o=t==null?void 0:t.index;return[typeof o=="number"&&o%2===0?"p-row-even":"p-row-odd",{"p-datatable-selectable-row":!!a.selectionMode,"p-datatable-row-selected":!!(t!=null&&t.isSelected)}]},cell:({context:a})=>{let e=a;return["p-datatable-cell",{"p-datatable-frozen-column":!!(e!=null&&e.frozen),"p-datatable-frozen-column-left":!!(e!=null&&e.frozen)&&(e==null?void 0:e.alignFrozen)!=="right","p-datatable-frozen-column-right":!!(e!=null&&e.frozen)&&(e==null?void 0:e.alignFrozen)==="right"}]},emptyTBody:"p-datatable-empty-message",rowExpansion:"p-datatable-row-expansion",rowGroupHeader:"p-datatable-row-group-header",rowGroupFooter:"p-datatable-row-group-footer",rowToggle:"p-datatable-row-toggle-button",rowToggleIcon:"p-datatable-row-toggle-icon",rowEditorInit:"p-datatable-row-editor-init",rowEditorSave:"p-datatable-row-editor-save",rowEditorCancel:"p-datatable-row-editor-cancel",cellEditor:"p-datatable-editable-cell",foot:"p-datatable-tfoot",tfootRow:"p-datatable-tfoot-row",tfootCell:"p-datatable-footer-cell",footer:"p-datatable-footer"}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/datatable/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/datatable/DataTable.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DataTableRootInstance } from '@primereact/types/primitive/datatable';\nimport { style as datatable_style } from '@primeuix/styles/datatable';\n\nconst style = /*css*/ `\n${datatable_style}\n\n/* For PrimeReact */\n.p-datatable-resizable-table > .p-datatable-thead > tr > th,\n.p-datatable-resizable-table > .p-datatable-tbody > tr > td,\n.p-datatable-resizable-table > .p-datatable-tfoot > tr > td {\n    box-sizing: border-box;\n}\n\n.p-datatable-tbody > tr[data-dragpoint-top] > td {\n    box-shadow: inset 0 2px 0 0 dt('datatable.drop.point.color');\n}\n\n.p-datatable-tbody > tr[data-dragpoint-bottom] > td {\n    box-shadow: inset 0 -2px 0 0 dt('datatable.drop.point.color');\n}\n\n[data-scope=\"datatable\"][data-part=\"column-reorder-target\"] {\n    position: relative;\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    width: 100%;\n    min-height: 100%;\n    box-sizing: border-box;\n}\n\n[data-scope=\"datatable\"][data-part=\"column-reorder-target\"][data-drop-active] {\n    background-color: color-mix(in srgb, dt('datatable.drop.point.color') 10%, transparent);\n}\n\n[data-scope=\"datatable\"][data-part=\"column-reorder-target\"][data-drop-active][data-drop-side=\"start\"] {\n    box-shadow: inset 2px 0 0 0 dt('datatable.drop.point.color');\n}\n\n[data-scope=\"datatable\"][data-part=\"column-reorder-target\"][data-drop-active][data-drop-side=\"end\"] {\n    box-shadow: inset -2px 0 0 0 dt('datatable.drop.point.color');\n}\n\n/* RTL */\n[dir=\"rtl\"] [data-scope=\"datatable\"][data-part=\"column-reorder-target\"][data-drop-active][data-drop-side=\"start\"] {\n    box-shadow: inset -2px 0 0 0 dt('datatable.drop.point.color');\n}\n\n[dir=\"rtl\"] [data-scope=\"datatable\"][data-part=\"column-reorder-target\"][data-drop-active][data-drop-side=\"end\"] {\n    box-shadow: inset 2px 0 0 0 dt('datatable.drop.point.color');\n}\n\n.p-datatable-column-reorder-indicator-up,\n.p-datatable-column-reorder-indicator-down {\n    position: absolute;\n    display: none;\n    color: dt('datatable.drop.point.color');\n}\n\n.p-datatable-scrollable .p-datatable-frozen-column {\n    background: dt('datatable.header.cell.background');\n}\n\n.p-datatable-scrollable .p-datatable-tbody > tr > td.p-datatable-frozen-column,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td.p-datatable-frozen-column {\n    background: inherit;\n}\n\n.p-datatable-scrollable .p-datatable-frozen-column[data-frozen-edge=\"left\"] {\n    box-shadow: inset -1px 0 0 0 dt('datatable.border.color');\n}\n\n.p-datatable-scrollable .p-datatable-frozen-column[data-frozen-edge=\"right\"] {\n    box-shadow: inset 1px 0 0 0 dt('datatable.border.color');\n}\n`;\n\nexport const styles = createStyles<DataTableRootInstance>({\n    name: 'datatable',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-datatable p-component',\n            {\n                'p-datatable-hoverable': props.rowHover || props.selectionMode,\n                'p-datatable-resizable': props.resizableColumns,\n                'p-datatable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',\n                'p-datatable-scrollable': props.scrollable,\n                'p-datatable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',\n                'p-datatable-striped': props.stripedRows,\n                'p-datatable-gridlines': props.showGridlines,\n                'p-datatable-sm': props.size === 'small',\n                'p-datatable-lg': props.size === 'large'\n            }\n        ],\n        header: 'p-datatable-header',\n        tableContainer: 'p-datatable-table-container',\n        table: ({ props }) => [\n            'p-datatable-table',\n            {\n                'p-datatable-scrollable-table': props.scrollable,\n                'p-datatable-resizable-table': props.resizableColumns,\n                'p-datatable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'\n            }\n        ],\n        head: 'p-datatable-thead',\n        theadRow: 'p-datatable-thead-row',\n        theadCell: ({ props, context }) => {\n            const ctx = context as { frozen?: boolean; alignFrozen?: 'left' | 'right'; isSorted?: boolean } | undefined;\n\n            return [\n                'p-datatable-header-cell',\n                {\n                    'p-datatable-resizable-column': props.resizableColumns,\n                    'p-datatable-reorderable-column': props.reorderableColumns,\n                    'p-datatable-frozen-column': !!ctx?.frozen,\n                    'p-datatable-frozen-column-left': !!ctx?.frozen && ctx?.alignFrozen !== 'right',\n                    'p-datatable-frozen-column-right': !!ctx?.frozen && ctx?.alignFrozen === 'right',\n                    'p-datatable-column-sorted': !!ctx?.isSorted\n                }\n            ];\n        },\n        thadTitle: 'p-datatable-column-title',\n        columnReorder: 'p-datatable-reorder-indicator-icon',\n        columnReorderTarget: 'p-datatable-column-reorder-target',\n        columnReorderIndicatorUp: 'p-datatable-column-reorder-indicator-up',\n        columnReorderIndicatorDown: 'p-datatable-column-reorder-indicator-down',\n        columnResizer: 'p-datatable-column-resizer',\n        columnResizeIndicator: 'p-datatable-column-resize-indicator',\n        sort: 'p-datatable-sort',\n        sortIcon: 'p-datatable-sort-icon',\n        sortOrder: 'p-datatable-sort-badge',\n        filter: ({ context }) => [\n            'p-datatable-filter',\n            {\n                'p-datatable-inline-filter': context?.display === 'row',\n                'p-datatable-popover-filter': context?.display === 'menu'\n            }\n        ],\n        filterOverlay: 'p-datatable-filter-overlay',\n        filterConstraint: 'p-datatable-filter-constraint',\n        filterOperator: 'p-datatable-filter-operator',\n        filterMatchMode: 'p-datatable-filter-matchmode',\n        filterActions: 'p-datatable-filter-actions',\n        filterAddRule: 'p-datatable-filter-add-rule-button',\n        filterRemoveRule: 'p-datatable-filter-remove-rule-button',\n        filterClearButton: 'p-datatable-filter-clear-button',\n        filterApplyButton: 'p-datatable-filter-apply-button',\n        filterButtonbar: 'p-datatable-filter-buttonbar',\n        rowReorder: 'p-datatable-reorderable-row-handle',\n        rowReorderIndicatorUp: 'p-datatable-row-reorder-indicator-up',\n        rowReorderIndicatorDown: 'p-datatable-row-reorder-indicator-down',\n        columnToggle: 'p-datatable-column-toggle',\n        export: 'p-datatable-export',\n        loading: 'p-datatable-mask p-overlay-mask',\n        loadingIcon: 'p-datatable-loading-icon',\n        pagination: ({ context }) => `p-datatable-paginator-${context?.position ?? 'bottom'}`,\n        body: 'p-datatable-tbody',\n        frozenBody: 'p-datatable-tbody p-datatable-frozen-tbody',\n        row: ({ props, context }) => {\n            const ctx = context as { index?: number; isSelected?: boolean } | undefined;\n            const idx = ctx?.index;\n\n            return [\n                typeof idx === 'number' && idx % 2 === 0 ? 'p-row-even' : 'p-row-odd',\n                {\n                    'p-datatable-selectable-row': !!props.selectionMode,\n                    'p-datatable-row-selected': !!ctx?.isSelected\n                }\n            ];\n        },\n        cell: ({ context }) => {\n            const ctx = context as { frozen?: boolean; alignFrozen?: 'left' | 'right' } | undefined;\n\n            return [\n                'p-datatable-cell',\n                {\n                    'p-datatable-frozen-column': !!ctx?.frozen,\n                    'p-datatable-frozen-column-left': !!ctx?.frozen && ctx?.alignFrozen !== 'right',\n                    'p-datatable-frozen-column-right': !!ctx?.frozen && ctx?.alignFrozen === 'right'\n                }\n            ];\n        },\n        emptyTBody: 'p-datatable-empty-message',\n        rowExpansion: 'p-datatable-row-expansion',\n        rowGroupHeader: 'p-datatable-row-group-header',\n        rowGroupFooter: 'p-datatable-row-group-footer',\n        rowToggle: 'p-datatable-row-toggle-button',\n        rowToggleIcon: 'p-datatable-row-toggle-icon',\n        rowEditorInit: 'p-datatable-row-editor-init',\n        rowEditorSave: 'p-datatable-row-editor-save',\n        rowEditorCancel: 'p-datatable-row-editor-cancel',\n        cellEditor: 'p-datatable-editable-cell',\n        foot: 'p-datatable-tfoot',\n        tfootRow: 'p-datatable-tfoot-row',\n        tfootCell: 'p-datatable-footer-cell',\n        footer: 'p-datatable-footer'\n    }\n});\n"],"mappings":"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","names":["createStyles","datatable_style","style","styles","props","context","ctx","_a","idx"]}

package/dataview/DataView.style.d.ts

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

package/dataview/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as e}from"@primereact/styles/utils";var a=e({name:"dataview",classes:{root:"p-dataview p-component"}});export{a as styles};
+import{createStyles as e}from"@primereact/styles/utils";var a=e({name:"dataview",classes:{root:"p-dataview p-component",header:"p-dataview-header",content:"p-dataview-content",footer:"p-dataview-footer",empty:"p-dataview-empty"}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/dataview/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/dataview/DataView.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DataViewInstance } from '@primereact/types/shared/dataview';\n\nexport const styles = createStyles<DataViewInstance>({\n    name: 'dataview',\n    classes: {\n        root: 'p-dataview p-component'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAA+B,CACjD,KAAM,WACN,QAAS,CACL,KAAM,wBACV,CACJ,CAAC","names":["createStyles","styles"]}
+{"version":3,"sources":["../../src/dataview/DataView.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DataViewRootInstance } from '@primereact/types/primitive/dataview';\n\nexport const styles = createStyles<DataViewRootInstance>({\n    name: 'dataview',\n    classes: {\n        root: 'p-dataview p-component',\n        header: 'p-dataview-header',\n        content: 'p-dataview-content',\n        footer: 'p-dataview-footer',\n        empty: 'p-dataview-empty'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAmC,CACrD,KAAM,WACN,QAAS,CACL,KAAM,yBACN,OAAQ,oBACR,QAAS,qBACT,OAAQ,oBACR,MAAO,kBACX,CACJ,CAAC","names":["createStyles","styles"]}

package/datepicker/DatePicker.style.d.ts

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