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

package/chip/index.mjs

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

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

package/contextmenu/ContextMenu.style.d.ts

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

package/contextmenu/index.mjs

@@ -1,2 +1,180 @@
-import{createStyles as e}from"@primereact/styles/utils";var n=e({name:"contextmenu",classes:{root:"p-contextmenu",list:"p-contextmenu-list",submenu:"p-contextmenu-submenu",separator:"p-contextmenu-separator",item:"p-contextmenu-item",checkboxItem:"p-contextmenu-item-checkbox",radioItem:"p-contextmenu-item-radio",trigger:"p-contextmenu-trigger",icon:"p-contextmenu-item-icon",checkboxIcon:"p-contextmenu-checkbox-icon",radioIcon:"p-contextmenu-radio-icon"}});export{n as styles};
-//# sourceMappingURL=index.mjs.map
+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};

package/{imagecompare/ImageCompare.style.d.ts → datatable/DataTable.style.d.ts}

@@ -1,10 +1,10 @@
-import type { ImageCompareInstance } from '@primereact/types/shared/imagecompare';
+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<ImageCompareInstance> | undefined;
-    inlineStyles: import("@primereact/types/styles").InlineStylesType<ImageCompareInstance>;
+    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,73 @@
+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:t})=>{let e=t;return["p-datatable-header-cell",{"p-datatable-resizable-column":a.resizableColumns,"p-datatable-reorderable-column":a.reorderableColumns,"p-datatable-frozen-column":!!e?.frozen,"p-datatable-frozen-column-left":!!e?.frozen&&e?.alignFrozen!=="right","p-datatable-frozen-column-right":!!e?.frozen&&e?.alignFrozen==="right","p-datatable-column-sorted":!!e?.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?.display==="row","p-datatable-popover-filter":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})=>`p-datatable-paginator-${a?.position??"bottom"}`,body:"p-datatable-tbody",frozenBody:"p-datatable-tbody p-datatable-frozen-tbody",row:({props:a,context:t})=>{let e=t,o=e?.index;return[typeof o=="number"&&o%2===0?"p-row-even":"p-row-odd",{"p-datatable-selectable-row":!!a.selectionMode,"p-datatable-row-selected":!!e?.isSelected}]},cell:({context:a})=>{let t=a;return["p-datatable-cell",{"p-datatable-frozen-column":!!t?.frozen,"p-datatable-frozen-column-left":!!t?.frozen&&t?.alignFrozen!=="right","p-datatable-frozen-column-right":!!t?.frozen&&t?.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};

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

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;

package/datepicker/index.mjs

@@ -1,10 +1,14 @@
-import{createStyles as s}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/datepicker";var k=`
-${n}
+import{createStyles as c}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/datepicker";var l=`
+${o}
 
 .p-datepicker {
     position: relative;
 }
 
+.p-datepicker-panel {
+    position: relative;
+}
+
 .p-datepicker-month-view {
     width: 100%;
     border-collapse: collapse;
@@ -55,5 +59,38 @@ ${n}
     background: dt('datepicker.date.hover.background');
     color: dt('datepicker.date.hover.color');
 }
-`,y=s({name:"datepicker",style:k,classes:{root:({props:e,instance:t})=>["p-datepicker p-component p-inputwrapper",{"p-invalid":e.invalid,"p-inputwrapper-filled":e.value!=null||e.defaultValue!=null,"p-inputwrapper-focus":t.state.focused||t.state.overlayVisible,"p-focus":t.state.focused||t.state.overlayVisible,"p-datepicker-fluid":e.fluid}],input:"p-datepicker-input",clearIcon:"p-datepicker-clear-icon",dropdown:"p-datepicker-dropdown",inputIconContainer:"p-datepicker-input-icon-container",inputIcon:"p-datepicker-input-icon",panel:({props:e})=>["p-datepicker-panel p-component",{"p-disabled":e.disabled,"p-datepicker-timeonly":e.timeOnly}],container:"p-datepicker-calendar-container",calendar:"p-datepicker-calendar",header:"p-datepicker-header",prev:"p-datepicker-prev-button",title:"p-datepicker-title",selectMonth:"p-datepicker-select-month",selectYear:"p-datepicker-select-year",decade:"p-datepicker-decade",next:"p-datepicker-next-button",dayView:"p-datepicker-day-view",weekHeader:"p-datepicker-weekheader p-disabled",weekNumber:"p-datepicker-weeknumber",weekLabelContainer:"p-datepicker-weeklabel-container p-disabled",weekDayCell:"p-datepicker-weekday-cell",weekDay:"p-datepicker-weekday",dayCell:({context:e})=>["p-datepicker-day-cell",{"p-datepicker-other-month":e.date.otherMonth,"p-datepicker-today":e.date.today}],day:({instance:e,props:t,context:a})=>{let c="",l="";if(a.date&&e.state.rawValue!==null&&e.state.rawValue!==void 0){if(e.isRangeSelection()&&e.isSelected(a.date)&&a.date.selectable){let r=e.state.rawValue;if(Array.isArray(r)){let d,p;if(typeof r[0]=="string"){let i=e.parseValue(r[0]);d=Array.isArray(i)?i[0]:i}else d=r[0];if(typeof r[1]=="string"){let i=e.parseValue(r[1]);p=Array.isArray(i)?i[0]:i}else p=r[1];c=e.isDateEquals(d,a.date)||e.isDateEquals(p,a.date)?"p-datepicker-day-selected":"p-datepicker-day-selected-range"}}e.isRangeSelection()&&e.isInHoverRange(a.date)&&a.date.selectable&&(l="p-datepicker-day-hover-range")}return["p-datepicker-day",{"p-datepicker-day-selected":a.date&&!e.isRangeSelection()&&e.isSelected(a.date)&&a.date.selectable,"p-disabled":t.disabled||a.date&&!a.date.selectable},c,l]},monthView:"p-datepicker-month-view",monthCell:"p-datepicker-month-cell",month:({instance:e,props:t,context:a})=>["p-datepicker-month",{"p-datepicker-month-selected":a.index&&e.isMonthSelected(a.index),"p-disabled":t.disabled||a.month&&!a.month.selectable}],yearView:"p-datepicker-year-view",yearCell:"p-datepicker-year-cell",year:({instance:e,props:t,context:a})=>["p-datepicker-year",{"p-datepicker-year-selected":a.year&&e.isYearSelected(a.year.value),"p-disabled":t.disabled||a.year&&!a.year.selectable}],timePicker:"p-datepicker-time-picker",hourPicker:"p-datepicker-hour-picker",pcIncrementButton:"p-datepicker-increment-button",pcDecrementButton:"p-datepicker-decrement-button",separator:"p-datepicker-separator",minutePicker:"p-datepicker-minute-picker",secondPicker:"p-datepicker-second-picker",ampmPicker:"p-datepicker-ampm-picker",buttonbar:"p-datepicker-buttonbar",today:"p-datepicker-today-button",clear:"p-datepicker-clear-button"}});export{y as styles};
-//# sourceMappingURL=index.mjs.map
+
+.p-datepicker-arrow {
+    position: absolute;
+    border: 1px solid dt('datepicker.panel.border.color');
+    background: dt('datepicker.panel.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);
+    }
+}
+`,s=c({name:"datepicker",style:l,classes:{root:({props:e,instance:r})=>["p-datepicker p-component p-inputwrapper",{"p-invalid":e.invalid,"p-inputwrapper-filled":e.value!=null||e.defaultValue!=null,"p-inputwrapper-focus":r.state.opened,"p-focus":r.state.opened,"p-datepicker-fluid":e.fluid}],positioner:"p-datepicker-positioner",popup:({props:e})=>["p-datepicker-panel",{"p-disabled":e.disabled,"p-datepicker-timeonly":e.timeOnly}],body:({instance:e})=>["p-datepicker-calendar-container",{"p-datepicker-panel-inline":!e.state.isPopup}],panel:"p-datepicker-panel-column",arrow:"p-datepicker-arrow",input:"p-datepicker-input",clear:"p-datepicker-clear-button",clearTrigger:"p-datepicker-clear-trigger",trigger:"p-datepicker-dropdown",value:({context:e})=>["p-datepicker-value p-datepicker-label",{"p-datepicker-value-empty p-datepicker-label-empty":e?.empty,"p-placeholder":e?.showPlaceholder}],calendar:"p-datepicker-calendar",header:"p-datepicker-header",prev:"p-datepicker-prev-button",title:"p-datepicker-title",selectMonth:"p-datepicker-select-month",selectYear:"p-datepicker-select-year",decade:"p-datepicker-decade",next:"p-datepicker-next-button",dayView:"p-datepicker-day-view",weekHeader:"p-datepicker-weekheader p-disabled",weekNumber:"p-datepicker-weeknumber",weekLabel:"p-datepicker-weeklabel-container p-disabled",weekDayCell:"p-datepicker-weekday-cell",weekDay:"p-datepicker-weekday",dayCell:({context:e})=>["p-datepicker-day-cell",{"p-datepicker-other-month":e.date.otherMonth,"p-datepicker-today":e.date.today}],day:({instance:e,props:r,context:t})=>{let a=t.date;if(!a)return["p-datepicker-day"];let p=e.isExactlySelected(a),i=e.isInSelectedRange(a),d=e.isHoverRangeStart(a)||e.isHoverRangeEnd(a)||e.isInHoverRangeMiddle(a);return["p-datepicker-day",{"p-datepicker-day-selected":p&&a.selectable,"p-datepicker-day-selected-range":i&&!p&&a.selectable,"p-datepicker-day-hover-range":d&&!p&&a.selectable,"p-disabled":r.disabled||!a.selectable}]},monthView:"p-datepicker-month-view",monthCell:"p-datepicker-month-cell",month:({instance:e,props:r,context:t})=>["p-datepicker-month",{"p-datepicker-month-selected":t.index!==void 0&&e.isMonthSelected(t.index),"p-disabled":r.disabled||t.month&&!t.month.selectable}],yearView:"p-datepicker-year-view",yearCell:"p-datepicker-year-cell",year:({instance:e,props:r,context:t})=>["p-datepicker-year",{"p-datepicker-year-selected":t.year&&e.isYearSelected(t.year.value),"p-disabled":r.disabled||t.year&&!t.year.selectable}],timePicker:"p-datepicker-time-picker",hourPicker:"p-datepicker-hour-picker",incrementButton:"p-datepicker-increment-button",decrementButton:"p-datepicker-decrement-button",separator:"p-datepicker-separator",minutePicker:"p-datepicker-minute-picker",secondPicker:"p-datepicker-second-picker",ampmPicker:"p-datepicker-ampm-picker",buttonbar:"p-datepicker-buttonbar",today:"p-datepicker-today-button"}});export{s as styles};

package/dialog/Dialog.style.d.ts

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

package/dialog/index.mjs

@@ -1,2 +1,97 @@
-import{createStyles as n}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/dialog";var d=n({name:"dialog",style:l,classes:{mask:({props:t,state:i})=>{let o=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find(e=>e===t.position);return["p-dialog-mask",{"p-overlay-mask p-overlay-mask-enter":t.modal,"p-dialog-open":i.opened},o?`p-dialog-${o}`:""]},root:({state:t})=>["p-dialog p-component",{"p-dialog-maximized":t.maximized}],trigger:"p-dialog-trigger-button",header:"p-dialog-header",title:"p-dialog-title",headerActions:"p-dialog-header-actions",maximize:"p-dialog-maximize-button",close:"p-dialog-close-button",content:"p-dialog-content",footer:"p-dialog-footer"},inlineStyles:{mask:({props:t})=>({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:t.position==="left"||t.position==="topleft"||t.position==="bottomleft"?"flex-start":t.position==="right"||t.position==="topright"||t.position==="bottomright"?"flex-end":"center",alignItems:t.position==="top"||t.position==="topleft"||t.position==="topright"?"flex-start":t.position==="bottom"||t.position==="bottomleft"||t.position==="bottomright"?"flex-end":"center",pointerEvents:t.modal?"auto":"none"}),root:{display:"flex",flexDirection:"column",pointerEvents:"auto"}}});export{d as styles};
-//# sourceMappingURL=index.mjs.map
+import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/dialog";var e=`
+${i}
+
+/* For PrimeReact */
+.p-dialog-backdrop {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+}
+
+.p-dialog-backdrop.p-overlay-mask {
+    pointer-events: auto;
+}
+
+.p-dialog-positioner {
+    position: fixed;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    pointer-events: none;
+    padding: 2rem;
+}
+
+.p-dialog-positioner[data-modal] {
+    pointer-events: auto;
+}
+
+.p-dialog-positioner[data-maximized] {
+    padding: 0;
+}
+
+.p-dialog-positioner[data-scroll-behavior='outside'] {
+    overflow: auto;
+    align-items: flex-start;
+}
+
+.p-dialog-positioner[data-scroll-behavior='outside'] .p-dialog {
+    max-height: none;
+}
+
+.p-dialog-positioner[data-scroll-behavior='outside'] .p-dialog-content {
+    overflow: visible;
+}
+
+.p-dialog-positioner[data-position='top'] {
+    align-items: flex-start;
+}
+
+.p-dialog-positioner[data-position='bottom'] {
+    align-items: flex-end;
+}
+
+.p-dialog-positioner[data-position='left'] {
+    justify-content: flex-start;
+}
+
+.p-dialog-positioner[data-position='right'] {
+    justify-content: flex-end;
+}
+
+.p-dialog-positioner[data-position='topleft'] {
+    align-items: flex-start;
+    justify-content: flex-start;
+}
+
+.p-dialog-positioner[data-position='topright'] {
+    align-items: flex-start;
+    justify-content: flex-end;
+}
+
+.p-dialog-positioner[data-position='bottomleft'] {
+    align-items: flex-end;
+    justify-content: flex-start;
+}
+
+.p-dialog-positioner[data-position='bottomright'] {
+    align-items: flex-end;
+    justify-content: flex-end;
+}
+
+.p-dialog {
+    --drag-x: 0px;
+    --drag-y: 0px;
+    display: flex;
+    flex-direction: column;
+    pointer-events: auto;
+    translate: var(--px-drag-x) var(--px-drag-y);
+    max-height: 100%;
+}
+
+.p-dialog-maximized {
+    --drag-x: 0px !important;
+    --drag-y: 0px !important;
+    translate: none !important;
+}
+`,p=o({name:"dialog",style:e,classes:{backdrop:"p-dialog-backdrop p-overlay-mask",positioner:"p-dialog-positioner",root:({state:t})=>["p-dialog p-component",{"p-dialog-maximized":t.maximized}],trigger:"p-dialog-trigger-button",header:"p-dialog-header",title:"p-dialog-title",headerActions:"p-dialog-header-actions",maximize:"p-dialog-maximize-button",close:"p-dialog-close-button",content:"p-dialog-content",footer:"p-dialog-footer"}});export{p as styles};