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

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 l}from"@primeuix/styles/datepicker";var o=`
+${l}
 
 .p-datepicker {
     position: relative;
 }
 
+.p-datepicker-panel {
+    position: relative;
+}
+
 .p-datepicker-month-view {
     width: 100%;
     border-collapse: collapse;
@@ -55,5 +59,39 @@ ${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};
+
+.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:o,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==null?void 0:e.empty,"p-placeholder":e==null?void 0: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:a})=>{let t=a.date;if(!t)return["p-datepicker-day"];let p=e.isExactlySelected(t),i=e.isInSelectedRange(t),d=e.isHoverRangeStart(t)||e.isHoverRangeEnd(t)||e.isInHoverRangeMiddle(t);return["p-datepicker-day",{"p-datepicker-day-selected":p&&t.selectable,"p-datepicker-day-selected-range":i&&!p&&t.selectable,"p-datepicker-day-hover-range":d&&!p&&t.selectable,"p-disabled":r.disabled||!t.selectable}]},monthView:"p-datepicker-month-view",monthCell:"p-datepicker-month-cell",month:({instance:e,props:r,context:a})=>["p-datepicker-month",{"p-datepicker-month-selected":a.index!==void 0&&e.isMonthSelected(a.index),"p-disabled":r.disabled||a.month&&!a.month.selectable}],yearView:"p-datepicker-year-view",yearCell:"p-datepicker-year-cell",year:({instance:e,props:r,context:a})=>["p-datepicker-year",{"p-datepicker-year-selected":a.year&&e.isYearSelected(a.year.value),"p-disabled":r.disabled||a.year&&!a.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};
 //# sourceMappingURL=index.mjs.map

package/datepicker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/datepicker/DatePicker.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DatePickerInstance, useDatePickerDateMeta, useDatePickerMonthOptions, useDatePickerYearOptions } from '@primereact/types/shared/datepicker';\nimport { style } from '@primeuix/styles/datepicker';\n\nconst theme = `\n${style}\n\n.p-datepicker {\n    position: relative;\n}\n\n.p-datepicker-month-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: dt('datepicker.day.view.margin');\n}\n\n.p-datepicker-month {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: dt('datepicker.date.height');\n}\n\n.p-datepicker-month-cell {\n    padding: dt('datepicker.date.padding');\n}\n\n.p-datepicker-year-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: dt('datepicker.day.view.margin');\n}\n\n.p-datepicker-year {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: dt('datepicker.date.height');\n}\n\n.p-datepicker-year-cell {\n    padding: dt('datepicker.date.padding');\n}\n\n.p-datepicker-day-hover-range:not(.p-datepicker-day-selected) {\n    background: dt('datepicker.date.hover.background');\n    color: dt('datepicker.date.hover.color');\n}\n`;\n\nexport const styles = createStyles<DatePickerInstance>({\n    name: 'datepicker',\n    style: theme,\n    classes: {\n        root: ({ props, instance }) => [\n            'p-datepicker p-component p-inputwrapper',\n            {\n                'p-invalid': props.invalid,\n                'p-inputwrapper-filled': props.value != null || props.defaultValue != null,\n                'p-inputwrapper-focus': instance.state.focused || instance.state.overlayVisible,\n                'p-focus': instance.state.focused || instance.state.overlayVisible,\n                'p-datepicker-fluid': props.fluid\n            }\n        ],\n        input: 'p-datepicker-input',\n        clearIcon: 'p-datepicker-clear-icon',\n        dropdown: 'p-datepicker-dropdown',\n        inputIconContainer: 'p-datepicker-input-icon-container',\n        inputIcon: 'p-datepicker-input-icon',\n        panel: ({ props }) => [\n            'p-datepicker-panel p-component',\n            {\n                'p-disabled': props.disabled,\n                'p-datepicker-timeonly': props.timeOnly\n            }\n        ],\n        container: 'p-datepicker-calendar-container',\n        calendar: 'p-datepicker-calendar',\n        header: 'p-datepicker-header',\n        prev: 'p-datepicker-prev-button',\n        title: 'p-datepicker-title',\n        selectMonth: 'p-datepicker-select-month',\n        selectYear: 'p-datepicker-select-year',\n        decade: 'p-datepicker-decade',\n        next: 'p-datepicker-next-button',\n        dayView: 'p-datepicker-day-view',\n        weekHeader: 'p-datepicker-weekheader p-disabled',\n        weekNumber: 'p-datepicker-weeknumber',\n        weekLabelContainer: 'p-datepicker-weeklabel-container p-disabled',\n        weekDayCell: 'p-datepicker-weekday-cell',\n        weekDay: 'p-datepicker-weekday',\n        dayCell: ({ context }) => [\n            'p-datepicker-day-cell',\n            {\n                'p-datepicker-other-month': (context.date as useDatePickerDateMeta).otherMonth,\n                'p-datepicker-today': (context.date as useDatePickerDateMeta).today\n            }\n        ],\n        day: ({ instance, props, context }) => {\n            let selectedDayClass = '';\n            let hoverRangeClass = '';\n\n            if (context.date && instance.state.rawValue !== null && instance.state.rawValue !== undefined) {\n                if (instance.isRangeSelection() && instance.isSelected(context.date as useDatePickerDateMeta) && (context.date as useDatePickerDateMeta).selectable) {\n                    const rawValue = instance.state.rawValue;\n\n                    if (Array.isArray(rawValue)) {\n                        let start: Date | string | null | undefined;\n                        let end: Date | string | null | undefined;\n\n                        if (typeof rawValue[0] === 'string') {\n                            const parsed = instance.parseValue(rawValue[0]);\n\n                            start = Array.isArray(parsed) ? parsed[0] : parsed;\n                        } else {\n                            start = rawValue[0];\n                        }\n\n                        if (typeof rawValue[1] === 'string') {\n                            const parsed = instance.parseValue(rawValue[1]);\n\n                            end = Array.isArray(parsed) ? parsed[0] : parsed;\n                        } else {\n                            end = rawValue[1];\n                        }\n\n                        selectedDayClass = instance.isDateEquals(start, context.date as useDatePickerDateMeta) || instance.isDateEquals(end, context.date as useDatePickerDateMeta) ? 'p-datepicker-day-selected' : 'p-datepicker-day-selected-range';\n                    }\n                }\n\n                if (instance.isRangeSelection() && instance.isInHoverRange(context.date as useDatePickerDateMeta) && (context.date as useDatePickerDateMeta).selectable) {\n                    hoverRangeClass = 'p-datepicker-day-hover-range';\n                }\n            }\n\n            return [\n                'p-datepicker-day',\n                {\n                    'p-datepicker-day-selected': context.date && !instance.isRangeSelection() && instance.isSelected(context.date as useDatePickerDateMeta) && (context.date as useDatePickerDateMeta).selectable,\n                    'p-disabled': props.disabled || (context.date && !(context.date as useDatePickerDateMeta).selectable)\n                },\n                selectedDayClass,\n                hoverRangeClass\n            ];\n        },\n        monthView: 'p-datepicker-month-view',\n        monthCell: 'p-datepicker-month-cell',\n        month: ({ instance, props, context }) => [\n            'p-datepicker-month',\n\n            {\n                'p-datepicker-month-selected': context.index && instance.isMonthSelected(context.index as number),\n                'p-disabled': props.disabled || (context.month && !(context.month as useDatePickerMonthOptions).selectable)\n            }\n        ],\n        yearView: 'p-datepicker-year-view',\n        yearCell: 'p-datepicker-year-cell',\n        year: ({ instance, props, context }) => [\n            'p-datepicker-year',\n            {\n                'p-datepicker-year-selected': context.year && instance.isYearSelected((context.year as useDatePickerYearOptions).value),\n                'p-disabled': props.disabled || (context.year && !(context.year as useDatePickerYearOptions).selectable)\n            }\n        ],\n        timePicker: 'p-datepicker-time-picker',\n        hourPicker: 'p-datepicker-hour-picker',\n        pcIncrementButton: 'p-datepicker-increment-button',\n        pcDecrementButton: 'p-datepicker-decrement-button',\n        separator: 'p-datepicker-separator',\n        minutePicker: 'p-datepicker-minute-picker',\n        secondPicker: 'p-datepicker-second-picker',\n        ampmPicker: 'p-datepicker-ampm-picker',\n        buttonbar: 'p-datepicker-buttonbar',\n        today: 'p-datepicker-today-button',\n        clear: 'p-datepicker-clear-button'\n    }\n});\n"],"mappings":"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","names":["createStyles","style","theme","styles","props","instance","context","selectedDayClass","hoverRangeClass","rawValue","start","end","parsed"]}
+{"version":3,"sources":["../../src/datepicker/DatePicker.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { UseDatePickerDateMeta, UseDatePickerMonthOptions, UseDatePickerYearOptions } from '@primereact/types/headless/datepicker';\nimport type { DatePickerRootInstance } from '@primereact/types/primitive/datepicker';\nimport { style } from '@primeuix/styles/datepicker';\n\nconst theme = /*css*/ `\n${style}\n\n.p-datepicker {\n    position: relative;\n}\n\n.p-datepicker-panel {\n    position: relative;\n}\n\n.p-datepicker-month-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: dt('datepicker.day.view.margin');\n}\n\n.p-datepicker-month {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: dt('datepicker.date.height');\n}\n\n.p-datepicker-month-cell {\n    padding: dt('datepicker.date.padding');\n}\n\n.p-datepicker-year-view {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 1rem;\n    margin: dt('datepicker.day.view.margin');\n}\n\n.p-datepicker-year {\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: dt('datepicker.date.height');\n}\n\n.p-datepicker-year-cell {\n    padding: dt('datepicker.date.padding');\n}\n\n.p-datepicker-day-hover-range:not(.p-datepicker-day-selected) {\n    background: dt('datepicker.date.hover.background');\n    color: dt('datepicker.date.hover.color');\n}\n\n.p-datepicker-arrow {\n    position: absolute;\n    border: 1px solid dt('datepicker.panel.border.color');\n    background: dt('datepicker.panel.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<DatePickerRootInstance>({\n    name: 'datepicker',\n    style: theme,\n    classes: {\n        root: ({ props, instance }) => [\n            'p-datepicker p-component p-inputwrapper',\n            {\n                'p-invalid': props.invalid,\n                'p-inputwrapper-filled': props.value != null || props.defaultValue != null,\n                'p-inputwrapper-focus': instance.state.opened,\n                'p-focus': instance.state.opened,\n                'p-datepicker-fluid': props.fluid\n            }\n        ],\n        positioner: 'p-datepicker-positioner',\n        popup: ({ props }) => [\n            'p-datepicker-panel',\n            {\n                'p-disabled': props.disabled,\n                'p-datepicker-timeonly': props.timeOnly\n            }\n        ],\n        body: ({ instance }) => [\n            'p-datepicker-calendar-container',\n            {\n                'p-datepicker-panel-inline': !instance.state.isPopup\n            }\n        ],\n        panel: 'p-datepicker-panel-column',\n        arrow: 'p-datepicker-arrow',\n        input: 'p-datepicker-input',\n        clear: 'p-datepicker-clear-button',\n        clearTrigger: 'p-datepicker-clear-trigger',\n        trigger: 'p-datepicker-dropdown',\n        value: ({ context }) => [\n            'p-datepicker-value p-datepicker-label',\n            {\n                'p-datepicker-value-empty p-datepicker-label-empty': context?.empty,\n                'p-placeholder': context?.showPlaceholder\n            }\n        ],\n        calendar: 'p-datepicker-calendar',\n        header: 'p-datepicker-header',\n        prev: 'p-datepicker-prev-button',\n        title: 'p-datepicker-title',\n        selectMonth: 'p-datepicker-select-month',\n        selectYear: 'p-datepicker-select-year',\n        decade: 'p-datepicker-decade',\n        next: 'p-datepicker-next-button',\n        dayView: 'p-datepicker-day-view',\n        weekHeader: 'p-datepicker-weekheader p-disabled',\n        weekNumber: 'p-datepicker-weeknumber',\n        weekLabel: 'p-datepicker-weeklabel-container p-disabled',\n        weekDayCell: 'p-datepicker-weekday-cell',\n        weekDay: 'p-datepicker-weekday',\n        dayCell: ({ context }) => [\n            'p-datepicker-day-cell',\n            {\n                'p-datepicker-other-month': (context.date as UseDatePickerDateMeta).otherMonth,\n                'p-datepicker-today': (context.date as UseDatePickerDateMeta).today\n            }\n        ],\n        day: ({ instance, props, context }) => {\n            const date = context.date as UseDatePickerDateMeta | undefined;\n\n            if (!date) return ['p-datepicker-day'];\n\n            const exactly = instance.isExactlySelected(date);\n            const inSelectedRange = instance.isInSelectedRange(date);\n            const inHoverRange = instance.isHoverRangeStart(date) || instance.isHoverRangeEnd(date) || instance.isInHoverRangeMiddle(date);\n\n            return [\n                'p-datepicker-day',\n                {\n                    'p-datepicker-day-selected': exactly && date.selectable,\n                    'p-datepicker-day-selected-range': inSelectedRange && !exactly && date.selectable,\n                    'p-datepicker-day-hover-range': inHoverRange && !exactly && date.selectable,\n                    'p-disabled': props.disabled || !date.selectable\n                }\n            ];\n        },\n        monthView: 'p-datepicker-month-view',\n        monthCell: 'p-datepicker-month-cell',\n        month: ({ instance, props, context }) => [\n            'p-datepicker-month',\n            {\n                'p-datepicker-month-selected': context.index !== undefined && instance.isMonthSelected(context.index as number),\n                'p-disabled': props.disabled || (context.month && !(context.month as UseDatePickerMonthOptions).selectable)\n            }\n        ],\n        yearView: 'p-datepicker-year-view',\n        yearCell: 'p-datepicker-year-cell',\n        year: ({ instance, props, context }) => [\n            'p-datepicker-year',\n            {\n                'p-datepicker-year-selected': context.year && instance.isYearSelected((context.year as UseDatePickerYearOptions).value),\n                'p-disabled': props.disabled || (context.year && !(context.year as UseDatePickerYearOptions).selectable)\n            }\n        ],\n        timePicker: 'p-datepicker-time-picker',\n        hourPicker: 'p-datepicker-hour-picker',\n        incrementButton: 'p-datepicker-increment-button',\n        decrementButton: 'p-datepicker-decrement-button',\n        separator: 'p-datepicker-separator',\n        minutePicker: 'p-datepicker-minute-picker',\n        secondPicker: 'p-datepicker-second-picker',\n        ampmPicker: 'p-datepicker-ampm-picker',\n        buttonbar: 'p-datepicker-buttonbar',\n        today: 'p-datepicker-today-button'\n    }\n});\n"],"mappings":"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","names":["createStyles","style","theme","styles","props","instance","context","date","exactly","inSelectedRange","inHoverRange"]}

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

package/dialog/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/dialog/Dialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DialogInstance } from '@primereact/types/shared/dialog';\nimport { style } from '@primeuix/styles/dialog';\n\nexport const styles = createStyles<DialogInstance>({\n    name: 'dialog',\n    style,\n    classes: {\n        mask: ({ props, state }) => {\n            const positions = ['left', 'right', 'top', 'topleft', 'topright', 'bottom', 'bottomleft', 'bottomright'];\n            const pos = positions.find((item) => item === props.position);\n\n            return [\n                'p-dialog-mask',\n                {\n                    'p-overlay-mask p-overlay-mask-enter': props.modal,\n                    'p-dialog-open': state.opened\n                },\n                pos ? `p-dialog-${pos}` : ''\n            ];\n        },\n        root: ({ state }) => [\n            'p-dialog p-component',\n            {\n                'p-dialog-maximized': state.maximized\n            }\n        ],\n        trigger: 'p-dialog-trigger-button',\n        header: 'p-dialog-header',\n        title: 'p-dialog-title',\n        headerActions: 'p-dialog-header-actions',\n        maximize: 'p-dialog-maximize-button',\n        close: 'p-dialog-close-button',\n        content: 'p-dialog-content',\n        footer: 'p-dialog-footer'\n    },\n    inlineStyles: {\n        mask: ({ props }) => ({\n            position: 'fixed',\n            height: '100%',\n            width: '100%',\n            left: 0,\n            top: 0,\n            display: 'flex',\n            justifyContent:\n                props.position === 'left' || props.position === 'topleft' || props.position === 'bottomleft' ? 'flex-start' : props.position === 'right' || props.position === 'topright' || props.position === 'bottomright' ? 'flex-end' : 'center',\n            alignItems:\n                props.position === 'top' || props.position === 'topleft' || props.position === 'topright' ? 'flex-start' : props.position === 'bottom' || props.position === 'bottomleft' || props.position === 'bottomright' ? 'flex-end' : 'center',\n            pointerEvents: props.modal ? 'auto' : 'none'\n        }),\n        root: {\n            display: 'flex',\n            flexDirection: 'column',\n            pointerEvents: 'auto'\n        }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CAExB,IAAMC,EADY,CAAC,OAAQ,QAAS,MAAO,UAAW,WAAY,SAAU,aAAc,aAAa,EACjF,KAAMC,GAASA,IAASH,EAAM,QAAQ,EAE5D,MAAO,CACH,gBACA,CACI,sCAAuCA,EAAM,MAC7C,gBAAiBC,EAAM,MAC3B,EACAC,EAAM,YAAYA,CAAG,GAAK,EAC9B,CACJ,EACA,KAAM,CAAC,CAAE,MAAAD,CAAM,IAAM,CACjB,uBACA,CACI,qBAAsBA,EAAM,SAChC,CACJ,EACA,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,cAAe,0BACf,SAAU,2BACV,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAD,CAAM,KAAO,CAClB,SAAU,QACV,OAAQ,OACR,MAAO,OACP,KAAM,EACN,IAAK,EACL,QAAS,OACT,eACIA,EAAM,WAAa,QAAUA,EAAM,WAAa,WAAaA,EAAM,WAAa,aAAe,aAAeA,EAAM,WAAa,SAAWA,EAAM,WAAa,YAAcA,EAAM,WAAa,cAAgB,WAAa,SACjO,WACIA,EAAM,WAAa,OAASA,EAAM,WAAa,WAAaA,EAAM,WAAa,WAAa,aAAeA,EAAM,WAAa,UAAYA,EAAM,WAAa,cAAgBA,EAAM,WAAa,cAAgB,WAAa,SACjO,cAAeA,EAAM,MAAQ,OAAS,MAC1C,GACA,KAAM,CACF,QAAS,OACT,cAAe,SACf,cAAe,MACnB,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props","state","pos","item"]}
+{"version":3,"sources":["../../src/dialog/Dialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DialogRootInstance } from '@primereact/types/primitive/dialog';\nimport { style as dialog_style } from '@primeuix/styles/dialog';\n\nconst style = /*css*/ `\n${dialog_style}\n\n/* For PrimeReact */\n.p-dialog-backdrop {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n}\n\n.p-dialog-backdrop.p-overlay-mask {\n    pointer-events: auto;\n}\n\n.p-dialog-positioner {\n    position: fixed;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n    padding: 2rem;\n}\n\n.p-dialog-positioner[data-modal] {\n    pointer-events: auto;\n}\n\n.p-dialog-positioner[data-maximized] {\n    padding: 0;\n}\n\n.p-dialog-positioner[data-scroll-behavior='outside'] {\n    overflow: auto;\n    align-items: flex-start;\n}\n\n.p-dialog-positioner[data-scroll-behavior='outside'] .p-dialog {\n    max-height: none;\n}\n\n.p-dialog-positioner[data-scroll-behavior='outside'] .p-dialog-content {\n    overflow: visible;\n}\n\n.p-dialog-positioner[data-position='top'] {\n    align-items: flex-start;\n}\n\n.p-dialog-positioner[data-position='bottom'] {\n    align-items: flex-end;\n}\n\n.p-dialog-positioner[data-position='left'] {\n    justify-content: flex-start;\n}\n\n.p-dialog-positioner[data-position='right'] {\n    justify-content: flex-end;\n}\n\n.p-dialog-positioner[data-position='topleft'] {\n    align-items: flex-start;\n    justify-content: flex-start;\n}\n\n.p-dialog-positioner[data-position='topright'] {\n    align-items: flex-start;\n    justify-content: flex-end;\n}\n\n.p-dialog-positioner[data-position='bottomleft'] {\n    align-items: flex-end;\n    justify-content: flex-start;\n}\n\n.p-dialog-positioner[data-position='bottomright'] {\n    align-items: flex-end;\n    justify-content: flex-end;\n}\n\n.p-dialog {\n    --drag-x: 0px;\n    --drag-y: 0px;\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n    translate: var(--px-drag-x) var(--px-drag-y);\n    max-height: 100%;\n}\n\n.p-dialog-maximized {\n    --drag-x: 0px !important;\n    --drag-y: 0px !important;\n    translate: none !important;\n}\n`;\n\nexport const styles = createStyles<DialogRootInstance>({\n    name: 'dialog',\n    style,\n    classes: {\n        backdrop: 'p-dialog-backdrop p-overlay-mask',\n        positioner: 'p-dialog-positioner',\n        root: ({ state }) => {\n            return [\n                'p-dialog p-component',\n                {\n                    'p-dialog-maximized': state.maximized\n                }\n            ];\n        },\n        trigger: 'p-dialog-trigger-button',\n        header: 'p-dialog-header',\n        title: 'p-dialog-title',\n        headerActions: 'p-dialog-header-actions',\n        maximize: 'p-dialog-maximize-button',\n        close: 'p-dialog-close-button',\n        content: 'p-dialog-content',\n        footer: 'p-dialog-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAoB,0BAEtC,IAAMC,EAAgB;AAAA,EACpBD,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiGDE,EAASH,EAAiC,CACnD,KAAM,SACN,MAAAE,EACA,QAAS,CACL,SAAU,mCACV,WAAY,sBACZ,KAAM,CAAC,CAAE,MAAAE,CAAM,IACJ,CACH,uBACA,CACI,qBAAsBA,EAAM,SAChC,CACJ,EAEJ,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,cAAe,0BACf,SAAU,2BACV,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,CACJ,CAAC","names":["createStyles","dialog_style","style","styles","state"]}

package/divider/Divider.style.d.ts

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

package/divider/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/divider/Divider.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DividerInstance } from '@primereact/types/shared/divider';\nimport { style } from '@primeuix/styles/divider';\n\nexport const styles = createStyles<DividerInstance>({\n    name: 'divider',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-divider p-component',\n            'p-divider-' + props.orientation,\n            'p-divider-' + props.type,\n            { 'p-divider-left': props.orientation === 'horizontal' && (!props.align || props.align === 'left') },\n            { 'p-divider-center': props.orientation === 'horizontal' && props.align === 'center' },\n            { 'p-divider-right': props.orientation === 'horizontal' && props.align === 'right' },\n            { 'p-divider-top': props.orientation === 'vertical' && props.align === 'top' },\n            { 'p-divider-center': props.orientation === 'vertical' && (!props.align || props.align === 'center') },\n            { 'p-divider-bottom': props.orientation === 'vertical' && props.align === 'bottom' }\n        ],\n        content: 'p-divider-content'\n    },\n    inlineStyles: {\n        root: ({ props }) => ({\n            justifyContent: props.orientation === 'horizontal' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : undefined) : undefined,\n            alignItems: props.orientation === 'vertical' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : undefined) : undefined\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,aAAeA,EAAM,YACrB,aAAeA,EAAM,KACrB,CAAE,iBAAkBA,EAAM,cAAgB,eAAiB,CAACA,EAAM,OAASA,EAAM,QAAU,OAAQ,EACnG,CAAE,mBAAoBA,EAAM,cAAgB,cAAgBA,EAAM,QAAU,QAAS,EACrF,CAAE,kBAAmBA,EAAM,cAAgB,cAAgBA,EAAM,QAAU,OAAQ,EACnF,CAAE,gBAAiBA,EAAM,cAAgB,YAAcA,EAAM,QAAU,KAAM,EAC7E,CAAE,mBAAoBA,EAAM,cAAgB,aAAe,CAACA,EAAM,OAASA,EAAM,QAAU,SAAU,EACrG,CAAE,mBAAoBA,EAAM,cAAgB,YAAcA,EAAM,QAAU,QAAS,CACvF,EACA,QAAS,mBACb,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,eAAgBA,EAAM,cAAgB,aAAgBA,EAAM,QAAU,UAAYA,EAAM,QAAU,KAAO,SAAWA,EAAM,QAAU,OAAS,aAAeA,EAAM,QAAU,QAAU,WAAa,OAAa,OAChN,WAAYA,EAAM,cAAgB,WAAcA,EAAM,QAAU,UAAYA,EAAM,QAAU,KAAO,SAAWA,EAAM,QAAU,MAAQ,aAAeA,EAAM,QAAU,SAAW,WAAa,OAAa,MAC9M,EACJ,CACJ,CAAC","names":["createStyles","style","styles","props"]}
+{"version":3,"sources":["../../src/divider/Divider.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DividerInstance } from '@primereact/types/primitive/divider';\nimport { style } from '@primeuix/styles/divider';\n\nexport const styles = createStyles<DividerInstance>({\n    name: 'divider',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-divider p-component',\n            'p-divider-' + props.orientation,\n            'p-divider-' + props.type,\n            { 'p-divider-left': props.orientation === 'horizontal' && (!props.align || props.align === 'left') },\n            { 'p-divider-center': props.orientation === 'horizontal' && props.align === 'center' },\n            { 'p-divider-right': props.orientation === 'horizontal' && props.align === 'right' },\n            { 'p-divider-top': props.orientation === 'vertical' && props.align === 'top' },\n            { 'p-divider-center': props.orientation === 'vertical' && (!props.align || props.align === 'center') },\n            { 'p-divider-bottom': props.orientation === 'vertical' && props.align === 'bottom' }\n        ],\n        content: 'p-divider-content'\n    },\n    inlineStyles: {\n        root: ({ props }) => ({\n            justifyContent: props.orientation === 'horizontal' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'left' ? 'flex-start' : props.align === 'right' ? 'flex-end' : undefined) : undefined,\n            alignItems: props.orientation === 'vertical' ? (props.align === 'center' || props.align === null ? 'center' : props.align === 'top' ? 'flex-start' : props.align === 'bottom' ? 'flex-end' : undefined) : undefined\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,aAAeA,EAAM,YACrB,aAAeA,EAAM,KACrB,CAAE,iBAAkBA,EAAM,cAAgB,eAAiB,CAACA,EAAM,OAASA,EAAM,QAAU,OAAQ,EACnG,CAAE,mBAAoBA,EAAM,cAAgB,cAAgBA,EAAM,QAAU,QAAS,EACrF,CAAE,kBAAmBA,EAAM,cAAgB,cAAgBA,EAAM,QAAU,OAAQ,EACnF,CAAE,gBAAiBA,EAAM,cAAgB,YAAcA,EAAM,QAAU,KAAM,EAC7E,CAAE,mBAAoBA,EAAM,cAAgB,aAAe,CAACA,EAAM,OAASA,EAAM,QAAU,SAAU,EACrG,CAAE,mBAAoBA,EAAM,cAAgB,YAAcA,EAAM,QAAU,QAAS,CACvF,EACA,QAAS,mBACb,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,eAAgBA,EAAM,cAAgB,aAAgBA,EAAM,QAAU,UAAYA,EAAM,QAAU,KAAO,SAAWA,EAAM,QAAU,OAAS,aAAeA,EAAM,QAAU,QAAU,WAAa,OAAa,OAChN,WAAYA,EAAM,cAAgB,WAAcA,EAAM,QAAU,UAAYA,EAAM,QAAU,KAAO,SAAWA,EAAM,QAAU,MAAQ,aAAeA,EAAM,QAAU,SAAW,WAAa,OAAa,MAC9M,EACJ,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/drawer/Drawer.style.d.ts

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

package/drawer/index.mjs

@@ -1,2 +1,100 @@
-import{createStyles as n}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/drawer";var p=n({name:"drawer",style:i,classes:{mask:({props:e,state:o})=>{let t=["left","right","top","bottom"].find(r=>r===e.position);return["p-drawer-mask",{"p-overlay-mask p-overlay-mask-enter":e.modal,"p-drawer-open":o.opened,"p-drawer-full":e.position==="full"},t?`p-drawer-${t}`:""]},root:({props:e})=>["p-drawer p-component",{"p-drawer-full":e.position==="full"}],trigger:"p-drawer-trigger-button",header:"p-drawer-header",title:"p-drawer-title",close:"p-drawer-close-button",content:"p-drawer-content",footer:"p-drawer-footer"},inlineStyles:{mask:({props:e})=>({position:"fixed",height:"100%",width:"100%",left:0,top:0,display:"flex",justifyContent:e.position==="left"?"flex-start":e.position==="right"?"flex-end":"center",alignItems:e.position==="top"?"flex-start":e.position==="bottom"?"flex-end":"center",pointerEvents:e.modal?"auto":"none"}),root:{pointerEvents:"auto"}}});export{p as styles};
+import{createStyles as a}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/drawer";var o=`
+${i}
+
+/* For PrimeReact */
+.p-drawer-backdrop {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+}
+
+.p-drawer-backdrop.p-overlay-mask {
+    pointer-events: auto;
+}
+
+.p-drawer {
+    position: fixed;
+    pointer-events: auto;
+}
+
+.p-drawer[data-position='left'] {
+    top: 0;
+    inset-inline-start: 0;
+    height: 100%;
+    width: unset;
+    border-inline-end-width: 1px;
+}
+
+.p-drawer[data-position='right'] {
+    top: 0;
+    inset-inline-start: auto;
+    inset-inline-end: 0;
+    height: 100%;
+    width: unset;
+    border-inline-start-width: 1px;
+}
+
+.p-drawer[data-position='top'] {
+    top: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: unset;
+    border-block-end-width: 1px;
+}
+
+.p-drawer[data-position='bottom'] {
+    top: auto;
+    bottom: 0;
+    inset-inline-start: 0;
+    width: 100%;
+    height: unset;
+    border-block-start-width: 1px;
+}
+
+.p-drawer[data-position='full'] {
+    transition: none;
+    transform: none;
+    top: 0;
+    inset-inline-start: 0;
+    width: 100vw !important;
+    height: 100vh !important;
+    max-height: 100%;
+    border-width: 1px;
+}
+
+.p-drawer.p-drawer-enter-active[data-position='left'] {
+    animation: p-animate-drawer-enter-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.p-drawer.p-drawer-leave-active[data-position='left'] {
+    animation: p-animate-drawer-leave-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.p-drawer.p-drawer-enter-active[data-position='right'] {
+    animation: p-animate-drawer-enter-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.p-drawer.p-drawer-leave-active[data-position='right'] {
+    animation: p-animate-drawer-leave-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.p-drawer.p-drawer-enter-active[data-position='top'] {
+    animation: p-animate-drawer-enter-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.p-drawer.p-drawer-leave-active[data-position='top'] {
+    animation: p-animate-drawer-leave-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.p-drawer.p-drawer-enter-active[data-position='bottom'] {
+    animation: p-animate-drawer-enter-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.p-drawer.p-drawer-leave-active[data-position='bottom'] {
+    animation: p-animate-drawer-leave-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+
+.p-drawer.p-drawer-enter-active[data-position='full'] {
+    animation: p-animate-drawer-enter-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+.p-drawer.p-drawer-leave-active[data-position='full'] {
+    animation: p-animate-drawer-leave-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);
+}
+`,s=a({name:"drawer",style:o,classes:{backdrop:({props:e})=>["p-drawer-backdrop p-overlay-mask",{"p-drawer-full":e.position==="full"}],root:({props:e})=>{let t=["left","right","top","bottom"].find(r=>r===e.position);return["p-drawer p-component",{"p-drawer-full":e.position==="full"},t?`p-drawer-${t}`:""]},trigger:"p-drawer-trigger-button",header:"p-drawer-header",title:"p-drawer-title",close:"p-drawer-close-button",content:"p-drawer-content",footer:"p-drawer-footer"}});export{s as styles};
 //# sourceMappingURL=index.mjs.map

package/drawer/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/drawer/Drawer.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DrawerInstance } from '@primereact/types/shared/drawer';\nimport { style } from '@primeuix/styles/drawer';\n\nexport const styles = createStyles<DrawerInstance>({\n    name: 'drawer',\n    style,\n    classes: {\n        mask: ({ props, state }) => {\n            const positions = ['left', 'right', 'top', 'bottom'];\n            const pos = positions.find((item) => item === props.position);\n\n            return [\n                'p-drawer-mask',\n                {\n                    'p-overlay-mask p-overlay-mask-enter': props.modal,\n                    'p-drawer-open': state.opened,\n                    'p-drawer-full': props.position === 'full'\n                },\n                pos ? `p-drawer-${pos}` : ''\n            ];\n        },\n        root: ({ props }) => [\n            'p-drawer p-component',\n            {\n                'p-drawer-full': props.position === 'full'\n            }\n        ],\n        trigger: 'p-drawer-trigger-button',\n        header: 'p-drawer-header',\n        title: 'p-drawer-title',\n        close: 'p-drawer-close-button',\n        content: 'p-drawer-content',\n        footer: 'p-drawer-footer'\n    },\n    inlineStyles: {\n        mask: ({ props }) => ({\n            position: 'fixed',\n            height: '100%',\n            width: '100%',\n            left: 0,\n            top: 0,\n            display: 'flex',\n            justifyContent: props.position === 'left' ? 'flex-start' : props.position === 'right' ? 'flex-end' : 'center',\n            alignItems: props.position === 'top' ? 'flex-start' : props.position === 'bottom' ? 'flex-end' : 'center',\n            pointerEvents: props.modal ? 'auto' : 'none'\n        }),\n        root: {\n            pointerEvents: 'auto'\n        }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,0BAEf,IAAMC,EAASF,EAA6B,CAC/C,KAAM,SACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CAExB,IAAMC,EADY,CAAC,OAAQ,QAAS,MAAO,QAAQ,EAC7B,KAAMC,GAASA,IAASH,EAAM,QAAQ,EAE5D,MAAO,CACH,gBACA,CACI,sCAAuCA,EAAM,MAC7C,gBAAiBC,EAAM,OACvB,gBAAiBD,EAAM,WAAa,MACxC,EACAE,EAAM,YAAYA,CAAG,GAAK,EAC9B,CACJ,EACA,KAAM,CAAC,CAAE,MAAAF,CAAM,IAAM,CACjB,uBACA,CACI,gBAAiBA,EAAM,WAAa,MACxC,CACJ,EACA,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,EACA,aAAc,CACV,KAAM,CAAC,CAAE,MAAAA,CAAM,KAAO,CAClB,SAAU,QACV,OAAQ,OACR,MAAO,OACP,KAAM,EACN,IAAK,EACL,QAAS,OACT,eAAgBA,EAAM,WAAa,OAAS,aAAeA,EAAM,WAAa,QAAU,WAAa,SACrG,WAAYA,EAAM,WAAa,MAAQ,aAAeA,EAAM,WAAa,SAAW,WAAa,SACjG,cAAeA,EAAM,MAAQ,OAAS,MAC1C,GACA,KAAM,CACF,cAAe,MACnB,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props","state","pos","item"]}
+{"version":3,"sources":["../../src/drawer/Drawer.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DrawerRootInstance } from '@primereact/types/primitive/drawer';\nimport { style as drawer_style } from '@primeuix/styles/drawer';\n\nconst style = /*css*/ `\n${drawer_style}\n\n/* For PrimeReact */\n.p-drawer-backdrop {\n    position: fixed;\n    inset: 0;\n    pointer-events: none;\n}\n\n.p-drawer-backdrop.p-overlay-mask {\n    pointer-events: auto;\n}\n\n.p-drawer {\n    position: fixed;\n    pointer-events: auto;\n}\n\n.p-drawer[data-position='left'] {\n    top: 0;\n    inset-inline-start: 0;\n    height: 100%;\n    width: unset;\n    border-inline-end-width: 1px;\n}\n\n.p-drawer[data-position='right'] {\n    top: 0;\n    inset-inline-start: auto;\n    inset-inline-end: 0;\n    height: 100%;\n    width: unset;\n    border-inline-start-width: 1px;\n}\n\n.p-drawer[data-position='top'] {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: unset;\n    border-block-end-width: 1px;\n}\n\n.p-drawer[data-position='bottom'] {\n    top: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: unset;\n    border-block-start-width: 1px;\n}\n\n.p-drawer[data-position='full'] {\n    transition: none;\n    transform: none;\n    top: 0;\n    inset-inline-start: 0;\n    width: 100vw !important;\n    height: 100vh !important;\n    max-height: 100%;\n    border-width: 1px;\n}\n\n.p-drawer.p-drawer-enter-active[data-position='left'] {\n    animation: p-animate-drawer-enter-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.p-drawer.p-drawer-leave-active[data-position='left'] {\n    animation: p-animate-drawer-leave-left 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-drawer.p-drawer-enter-active[data-position='right'] {\n    animation: p-animate-drawer-enter-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.p-drawer.p-drawer-leave-active[data-position='right'] {\n    animation: p-animate-drawer-leave-right 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-drawer.p-drawer-enter-active[data-position='top'] {\n    animation: p-animate-drawer-enter-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.p-drawer.p-drawer-leave-active[data-position='top'] {\n    animation: p-animate-drawer-leave-top 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-drawer.p-drawer-enter-active[data-position='bottom'] {\n    animation: p-animate-drawer-enter-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.p-drawer.p-drawer-leave-active[data-position='bottom'] {\n    animation: p-animate-drawer-leave-bottom 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n\n.p-drawer.p-drawer-enter-active[data-position='full'] {\n    animation: p-animate-drawer-enter-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n.p-drawer.p-drawer-leave-active[data-position='full'] {\n    animation: p-animate-drawer-leave-full 0.5s cubic-bezier(0.32, 0.72, 0, 1);\n}\n`;\n\nexport const styles = createStyles<DrawerRootInstance>({\n    name: 'drawer',\n    style,\n    classes: {\n        backdrop: ({ props }) => {\n            return [\n                'p-drawer-backdrop p-overlay-mask',\n                {\n                    'p-drawer-full': props.position === 'full'\n                }\n            ];\n        },\n        root: ({ props }) => {\n            const positions = ['left', 'right', 'top', 'bottom'];\n            const pos = positions.find((item) => item === props.position);\n\n            return [\n                'p-drawer p-component',\n                {\n                    'p-drawer-full': props.position === 'full'\n                },\n                pos ? `p-drawer-${pos}` : ''\n            ];\n        },\n        trigger: 'p-drawer-trigger-button',\n        header: 'p-drawer-header',\n        title: 'p-drawer-title',\n        close: 'p-drawer-close-button',\n        content: 'p-drawer-content',\n        footer: 'p-drawer-footer'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAoB,0BAEtC,IAAMC,EAAgB;AAAA,EACpBD,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmGDE,EAASH,EAAiC,CACnD,KAAM,SACN,MAAAE,EACA,QAAS,CACL,SAAU,CAAC,CAAE,MAAAE,CAAM,IACR,CACH,mCACA,CACI,gBAAiBA,EAAM,WAAa,MACxC,CACJ,EAEJ,KAAM,CAAC,CAAE,MAAAA,CAAM,IAAM,CAEjB,IAAMC,EADY,CAAC,OAAQ,QAAS,MAAO,QAAQ,EAC7B,KAAMC,GAASA,IAASF,EAAM,QAAQ,EAE5D,MAAO,CACH,uBACA,CACI,gBAAiBA,EAAM,WAAa,MACxC,EACAC,EAAM,YAAYA,CAAG,GAAK,EAC9B,CACJ,EACA,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,CACJ,CAAC","names":["createStyles","drawer_style","style","styles","props","pos","item"]}

package/fieldset/Fieldset.style.d.ts

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

package/fieldset/index.mjs

@@ -1,2 +1,9 @@
-import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/fieldset";var n=e({name:"fieldset",style:t,classes:{root:"p-fieldset p-component",legend:"p-fieldset-legend",content:"p-fieldset-content"}});export{n as styles};
+import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/fieldset";var i=`
+${t}
+
+/* @todo review styles */
+.p-fieldset-trigger {
+    cursor: pointer;
+}
+`,n=e({name:"fieldset",style:i,classes:{root:"p-fieldset p-component",legend:"p-fieldset-legend",title:"p-fieldset-title p-fieldset-legend-label",trigger:"p-fieldset-trigger",indicator:"p-fieldset-indicator",content:"p-fieldset-content-container",contentOuter:"p-fieldset-content-wrapper",contentInner:"p-fieldset-content"}});export{n as styles};
 //# sourceMappingURL=index.mjs.map

package/fieldset/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fieldset/Fieldset.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FieldsetInstance } from '@primereact/types/shared/fieldset';\nimport { style } from '@primeuix/styles/fieldset';\n\nexport const styles = createStyles<FieldsetInstance>({\n    name: 'fieldset',\n    style,\n    classes: {\n        root: 'p-fieldset p-component',\n        legend: 'p-fieldset-legend',\n        content: 'p-fieldset-content'\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,yBACN,OAAQ,oBACR,QAAS,oBACb,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/fieldset/Fieldset.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FieldsetRootInstance } from '@primereact/types/primitive/fieldset';\nimport { style as fieldset_style } from '@primeuix/styles/fieldset';\n\nconst style = /*css*/ `\n${fieldset_style}\n\n/* @todo review styles */\n.p-fieldset-trigger {\n    cursor: pointer;\n}\n`;\n\nexport const styles = createStyles<FieldsetRootInstance>({\n    name: 'fieldset',\n    style,\n    classes: {\n        root: 'p-fieldset p-component',\n        legend: 'p-fieldset-legend',\n        title: 'p-fieldset-title p-fieldset-legend-label',\n        trigger: 'p-fieldset-trigger',\n        indicator: 'p-fieldset-indicator',\n        content: 'p-fieldset-content-container',\n        contentOuter: 'p-fieldset-content-wrapper',\n        contentInner: 'p-fieldset-content'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAsB,4BAExC,IAAMC,EAAgB;AAAA,EACpBD,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQHE,EAASH,EAAmC,CACrD,KAAM,WACN,MAAAE,EACA,QAAS,CACL,KAAM,yBACN,OAAQ,oBACR,MAAO,2CACP,QAAS,qBACT,UAAW,uBACX,QAAS,+BACT,aAAc,6BACd,aAAc,oBAClB,CACJ,CAAC","names":["createStyles","fieldset_style","style","styles"]}

package/fileupload/FileUpload.style.d.ts

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

package/fileupload/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as e}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/fileupload";var p=e({name:"fileupload",style:l,classes:{root:"p-fileupload p-component",content:"p-fileupload-content",fileList:"p-fileupload-file-list",file:"p-fileupload-file",fileThumbnail:"p-fileupload-file-thumbnail",fileInfo:"p-fileupload-file-info",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",fileActions:"p-fileupload-file-actions"}});export{p as styles};
+import{createStyles as e}from"@primereact/styles/utils";import{style as l}from"@primeuix/styles/fileupload";var p=e({name:"fileupload",style:l,classes:{root:"p-fileupload p-component",content:"p-fileupload-content",fileList:"p-fileupload-file-list",file:"p-fileupload-file",fileThumbnail:"p-fileupload-file-thumbnail",fileInfo:"p-fileupload-file-info",fileName:"p-fileupload-file-name",fileSize:"p-fileupload-file-size",fileActions:"p-fileupload-file-actions",fileRemove:"p-fileupload-file-remove"}});export{p as styles};
 //# sourceMappingURL=index.mjs.map

package/fileupload/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fileupload/FileUpload.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FileUploadInstance } from '@primereact/types/shared/fileupload';\nimport { style } from '@primeuix/styles/fileupload';\n\nexport const styles = createStyles<FileUploadInstance>({\n    name: 'fileupload',\n    style,\n    classes: {\n        root: 'p-fileupload p-component',\n        content: 'p-fileupload-content',\n        fileList: 'p-fileupload-file-list',\n        file: 'p-fileupload-file',\n        fileThumbnail: 'p-fileupload-file-thumbnail',\n        fileInfo: 'p-fileupload-file-info',\n        fileName: 'p-fileupload-file-name',\n        fileSize: 'p-fileupload-file-size',\n        fileActions: 'p-fileupload-file-actions'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACN,QAAS,uBACT,SAAU,yBACV,KAAM,oBACN,cAAe,8BACf,SAAU,yBACV,SAAU,yBACV,SAAU,yBACV,YAAa,2BACjB,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/fileupload/FileUpload.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FileUploadRootInstance } from '@primereact/types/primitive/fileupload';\nimport { style } from '@primeuix/styles/fileupload';\n\nexport const styles = createStyles<FileUploadRootInstance>({\n    name: 'fileupload',\n    style,\n    classes: {\n        root: 'p-fileupload p-component',\n        content: 'p-fileupload-content',\n        fileList: 'p-fileupload-file-list',\n        file: 'p-fileupload-file',\n        fileThumbnail: 'p-fileupload-file-thumbnail',\n        fileInfo: 'p-fileupload-file-info',\n        fileName: 'p-fileupload-file-name',\n        fileSize: 'p-fileupload-file-size',\n        fileActions: 'p-fileupload-file-actions',\n        fileRemove: 'p-fileupload-file-remove'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAqC,CACvD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,2BACN,QAAS,uBACT,SAAU,yBACV,KAAM,oBACN,cAAe,8BACf,SAAU,yBACV,SAAU,yBACV,SAAU,yBACV,YAAa,4BACb,WAAY,0BAChB,CACJ,CAAC","names":["createStyles","style","styles"]}

package/{label → floatlabel}/FloatLabel.style.d.ts

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

package/floatlabel/index.d.ts

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

package/floatlabel/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as t}from"@primereact/styles/utils";import{style as e}from"@primeuix/styles/floatlabel";var r=t({name:"floatlabel",style:e,classes:{root:({props:a})=>["p-floatlabel",{"p-floatlabel-over":a.variant==="over","p-floatlabel-on":a.variant==="on","p-floatlabel-in":a.variant==="in"}]}});export{r as styles};
+//# sourceMappingURL=index.mjs.map

package/floatlabel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/floatlabel/FloatLabel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FloatLabelInstance } from '@primereact/types/primitive/floatlabel';\nimport { style } from '@primeuix/styles/floatlabel';\n\nexport const styles = createStyles<FloatLabelInstance>({\n    name: 'floatlabel',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-floatlabel',\n            {\n                'p-floatlabel-over': props.variant === 'over',\n                'p-floatlabel-on': props.variant === 'on',\n                'p-floatlabel-in': props.variant === 'in'\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEf,IAAMC,EAASF,EAAiC,CACnD,KAAM,aACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,eACA,CACI,oBAAqBA,EAAM,UAAY,OACvC,kBAAmBA,EAAM,UAAY,KACrC,kBAAmBA,EAAM,UAAY,IACzC,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","props"]}

package/fluid/Fluid.style.d.ts

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

package/fluid/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/fluid/Fluid.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FluidInstance } from '@primereact/types/shared/fluid';\n\nexport const styles = createStyles<FluidInstance>({\n    name: 'fluid',\n    classes: {\n        root: 'p-fluid'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAA4B,CAC9C,KAAM,QACN,QAAS,CACL,KAAM,SACV,CACJ,CAAC","names":["createStyles","styles"]}
+{"version":3,"sources":["../../src/fluid/Fluid.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FluidInstance } from '@primereact/types/primitive/fluid';\n\nexport const styles = createStyles<FluidInstance>({\n    name: 'fluid',\n    classes: {\n        root: 'p-fluid'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAA4B,CAC9C,KAAM,QACN,QAAS,CACL,KAAM,SACV,CACJ,CAAC","names":["createStyles","styles"]}

package/focustrap/FocusTrap.style.d.ts

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

package/focustrap/index.mjs

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

package/focustrap/index.mjs.map

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

package/gallery/Gallery.style.d.ts

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