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

package/dialog/index.mjs

@@ -0,0 +1,80 @@
+import{createStyles as a}from"@primereact/styles/utils";import{style as n}from"@primeuix/styles/dialog";var r=`
+${n}
+
+/* For PrimeReact */
+.p-dialog-backdrop {
+    position: fixed;
+    inset: 0;
+    pointer-events: none;
+}
+
+.p-dialog-backdrop.p-overlay-mask {
+    pointer-events: auto;
+}
+
+.p-dialog {
+    position: fixed;
+    top: 50%;
+    inset-inline-start: 50%;
+    translate: -50% -50%;
+    display: flex;
+    flex-direction: column;
+    pointer-events: auto;
+}
+
+.p-dialog[data-position='left'] {
+    inset-inline-start: 1rem;
+    translate: 0 -50%;
+}
+
+.p-dialog[data-position='right'] {
+    inset-inline-start: auto;
+    inset-inline-end: 1rem;
+    translate: 0 -50%;
+}
+
+.p-dialog[data-position='top'] {
+    top: 1rem;
+    translate: -50% 0;
+}
+
+.p-dialog[data-position='bottom'] {
+    top: auto;
+    bottom: 1rem;
+    translate: -50% 0;
+}
+
+.p-dialog[data-position='topleft'] {
+    top: 1rem;
+    inset-inline-start: 1rem;
+    translate: none;
+}
+
+.p-dialog[data-position='topright'] {
+    top: 1rem;
+    inset-inline-start: auto;
+    inset-inline-end: 1rem;
+    translate: none;
+}
+
+.p-dialog[data-position='bottomleft'] {
+    top: auto;
+    bottom: 1rem;
+    inset-inline-start: 1rem;
+    translate: none;
+}
+
+.p-dialog[data-position='bottomright'] {
+    top: auto;
+    bottom: 1rem;
+    inset-inline-start: auto;
+    inset-inline-end: 1rem;
+    translate: none;
+}
+
+.p-dialog-maximized {
+    translate: none !important;
+}
+
+`,d=a({name:"dialog",style:r,classes:{backdrop:"p-dialog-backdrop p-overlay-mask",root:({props:o,state:i})=>{let t=["left","right","top","topleft","topright","bottom","bottomleft","bottomright"].find(e=>e===o.position);return["p-dialog p-component",{"p-dialog-maximized":i.maximized},t?`p-dialog-${t}`:""]},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{d as styles};
+//# sourceMappingURL=index.mjs.map

package/dialog/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/dialog/Dialog.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DialogRootInstance } from '@primereact/types/shared/dialog';\nimport { style } from '@primeuix/styles/dialog';\n\nconst _style = /*css*/ `\n${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 {\n    position: fixed;\n    top: 50%;\n    inset-inline-start: 50%;\n    translate: -50% -50%;\n    display: flex;\n    flex-direction: column;\n    pointer-events: auto;\n}\n\n.p-dialog[data-position='left'] {\n    inset-inline-start: 1rem;\n    translate: 0 -50%;\n}\n\n.p-dialog[data-position='right'] {\n    inset-inline-start: auto;\n    inset-inline-end: 1rem;\n    translate: 0 -50%;\n}\n\n.p-dialog[data-position='top'] {\n    top: 1rem;\n    translate: -50% 0;\n}\n\n.p-dialog[data-position='bottom'] {\n    top: auto;\n    bottom: 1rem;\n    translate: -50% 0;\n}\n\n.p-dialog[data-position='topleft'] {\n    top: 1rem;\n    inset-inline-start: 1rem;\n    translate: none;\n}\n\n.p-dialog[data-position='topright'] {\n    top: 1rem;\n    inset-inline-start: auto;\n    inset-inline-end: 1rem;\n    translate: none;\n}\n\n.p-dialog[data-position='bottomleft'] {\n    top: auto;\n    bottom: 1rem;\n    inset-inline-start: 1rem;\n    translate: none;\n}\n\n.p-dialog[data-position='bottomright'] {\n    top: auto;\n    bottom: 1rem;\n    inset-inline-start: auto;\n    inset-inline-end: 1rem;\n    translate: none;\n}\n\n.p-dialog-maximized {\n    translate: none !important;\n}\n\n`;\n\nexport const styles = createStyles<DialogRootInstance>({\n    name: 'dialog',\n    style: _style,\n    classes: {\n        backdrop: 'p-dialog-backdrop p-overlay-mask',\n        root: ({ 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 p-component',\n                {\n                    'p-dialog-maximized': state.maximized\n                },\n                pos ? `p-dialog-${pos}` : ''\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,SAAAC,MAAa,0BAEtB,IAAMC,EAAiB;AAAA,EACrBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+EME,EAASH,EAAiC,CACnD,KAAM,SACN,MAAOE,EACP,QAAS,CACL,SAAU,mCACV,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,uBACA,CACI,qBAAsBC,EAAM,SAChC,EACAC,EAAM,YAAYA,CAAG,GAAK,EAC9B,CACJ,EACA,QAAS,0BACT,OAAQ,kBACR,MAAO,iBACP,cAAe,0BACf,SAAU,2BACV,MAAO,wBACP,QAAS,mBACT,OAAQ,iBACZ,CACJ,CAAC","names":["createStyles","style","_style","styles","props","state","pos","item"]}

package/divider/Divider.style.d.ts

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

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 { DividerRootInstance } from '@primereact/types/shared/divider';\nimport { style } from '@primeuix/styles/divider';\n\nexport const styles = createStyles<DividerRootInstance>({\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,EAAkC,CACpD,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

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

package/drawer/index.d.ts

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

package/drawer/index.mjs

@@ -0,0 +1,100 @@
+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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/drawer/Drawer.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { DrawerRootInstance } from '@primereact/types/shared/drawer';\nimport { style } from '@primeuix/styles/drawer';\n\nconst _style = /*css*/ `\n${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: _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,SAAAC,MAAa,0BAEtB,IAAMC,EAAiB;AAAA,EACrBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmGME,EAASH,EAAiC,CACnD,KAAM,SACN,MAAOE,EACP,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","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/shared/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 s=`
+${t}
+
+/* @todo review styles */
+.p-fieldset-trigger {
+    cursor: pointer;
+}
+`,n=e({name:"fieldset",style:s,classes:{root:"p-fieldset p-component",legend:"p-fieldset-legend",title:"p-fieldset-title",trigger:"p-fieldset-trigger",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/shared/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',\n        trigger: 'p-fieldset-trigger',\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,mBACP,QAAS,qBACT,QAAS,+BACT,aAAc,6BACd,aAAc,oBAClB,CACJ,CAAC","names":["createStyles","fieldset_style","style","styles"]}

package/fileupload/FileUpload.style.d.ts

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

package/fileupload/index.d.ts

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

package/fileupload/index.mjs

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

package/fileupload/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/fileupload/FileUpload.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { FileUploadRootInstance } from '@primereact/types/shared/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    }\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,2BACjB,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/shared/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/shared/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

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

package/fluid/index.d.ts

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

package/fluid/index.mjs

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

package/fluid/index.mjs.map

@@ -0,0 +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"]}

package/focustrap/FocusTrap.style.d.ts

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

package/focustrap/index.d.ts

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

package/focustrap/index.mjs

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

package/focustrap/index.mjs.map

@@ -0,0 +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"]}

package/gallery/Gallery.style.d.ts

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

package/gallery/index.d.ts

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

package/gallery/index.mjs

@@ -0,0 +1,136 @@
+import{createStyles as e}from"@primereact/styles/utils";var r=`
+    .p-gallery {
+        width: 100%;
+        position: relative;
+        overflow: hidden;
+        display: grid;
+        grid-template-columns: 2.5rem 1fr 2.5rem;
+        grid-template-rows: 2.5rem 1fr 4rem;
+        padding: 1rem;
+        gap: 0.75rem;
+    }
+    .p-gallery-backdrop {
+        position: absolute;
+        inset: 0;
+        z-index: 0;
+        background-color: var(--p-surface-950);
+    }
+    .p-gallery-content {
+        position: relative;
+        grid-column: 2 / span 1;
+        grid-row: 2 / span 1;
+        z-index: 1;
+        place-self: stretch center;
+        width: 100%;
+    }
+
+    .p-gallery-item {
+        --position-x: 0px;
+        --position-y: 0px;
+        --scale: 1;
+        --rotation: 0deg;
+        --flip-x: 1;
+        --flip-y: 1;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform-origin: center;
+        user-select: none;
+        touch-action: none;
+        align-items: center;
+        justify-content: center;
+        transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));
+        opacity: 0;
+        pointer-events: none;
+        visibility: hidden;
+        z-index: 0;
+        display: none;
+        cursor: pointer;
+        transition:
+            transform 0.3s ease,
+            opacity 0.3s ease;
+    }
+
+    .p-gallery-item[data-active="true"] {
+        opacity: 1;
+        pointer-events: auto;
+        visibility: visible;
+        z-index: 1;
+        display: flex;
+        cursor: zoom-in;
+    }
+
+    .p-gallery-toolbar {
+        grid-column: 1 / span 3;
+        grid-row: 1;
+        place-self: flex-end;
+        z-index: 2;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        border-radius: 0.5rem;
+        border: 1px solid var(--p-surface-800);
+        background-color: var(--p-surface-900);
+        padding: 0.25rem;
+    }
+
+    .p-gallery-toolbar-item {
+        width: 2rem;
+        height: 2rem;
+        cursor: pointer;
+        border-radius: 0.5rem;
+        border: 1px solid transparent;
+        color: var(--p-surface-400);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-gallery-toolbar-item:hover {
+        border-color: var(--p-surface-700);
+        background-color: var(--p-surface-800);
+    }
+
+    .p-gallery-next,
+    .p-gallery-prev {
+        grid-row: 1 / span 3;
+        place-self: center;
+        z-index: 2;
+        width: 100%;
+        aspect-ratio: 1 / 1;
+        cursor: pointer;
+        border-radius: 0.5rem;
+        border: 1px solid var(--p-surface-800);
+        background-color: var(--p-surface-900);
+        color: var(--p-surface-400);
+        transition-property: background-color;
+        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+        transition-duration: 150ms;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .p-gallery-next:hover,
+    .p-gallery-prev:hover {
+        background-color: var(--p-surface-800);
+    }
+
+    .p-gallery-next {
+        grid-column: 3;
+    }
+
+    .p-gallery-prev {
+        grid-column: 1;
+    }
+
+    .p-gallery-thumbnail {
+        max-width: 600px;
+        grid-column: 1 / span 3;
+        grid-row: 3;
+        place-self: center;
+        z-index: 2;
+    }
+`,a=e({name:"gallery",style:r,classes:{root:"p-gallery",backdrop:"p-gallery-backdrop",content:"p-gallery-content",item:"p-gallery-item",next:"p-gallery-next",prev:"p-gallery-prev",toolbar:"p-gallery-toolbar",toolbarItem:"p-gallery-toolbar-item",thumbnail:"p-gallery-thumbnail",thumbnailContent:"p-gallery-thumbnail-content",thumbnailItem:"p-gallery-thumbnail-item"}});export{a as styles};
+//# sourceMappingURL=index.mjs.map

package/gallery/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/gallery/Gallery.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { GalleryRootInstance } from '@primereact/types/shared/gallery';\n\nconst theme = `\n    .p-gallery {\n        width: 100%;\n        position: relative;\n        overflow: hidden;\n        display: grid;\n        grid-template-columns: 2.5rem 1fr 2.5rem;\n        grid-template-rows: 2.5rem 1fr 4rem;\n        padding: 1rem;\n        gap: 0.75rem;\n    }\n    .p-gallery-backdrop {\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background-color: var(--p-surface-950);\n    }\n    .p-gallery-content {\n        position: relative;\n        grid-column: 2 / span 1;\n        grid-row: 2 / span 1;\n        z-index: 1;\n        place-self: stretch center;\n        width: 100%;\n    }\n\n    .p-gallery-item {\n        --position-x: 0px;\n        --position-y: 0px;\n        --scale: 1;\n        --rotation: 0deg;\n        --flip-x: 1;\n        --flip-y: 1;\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform-origin: center;\n        user-select: none;\n        touch-action: none;\n        align-items: center;\n        justify-content: center;\n        transform: translate(calc(-50% + var(--position-x)), calc(-50% + var(--position-y))) scale(var(--scale)) rotate(calc(var(--rotation))) scaleX(var(--flip-x)) scaleY(var(--flip-y));\n        opacity: 0;\n        pointer-events: none;\n        visibility: hidden;\n        z-index: 0;\n        display: none;\n        cursor: pointer;\n        transition:\n            transform 0.3s ease,\n            opacity 0.3s ease;\n    }\n\n    .p-gallery-item[data-active=\"true\"] {\n        opacity: 1;\n        pointer-events: auto;\n        visibility: visible;\n        z-index: 1;\n        display: flex;\n        cursor: zoom-in;\n    }\n\n    .p-gallery-toolbar {\n        grid-column: 1 / span 3;\n        grid-row: 1;\n        place-self: flex-end;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        border-radius: 0.5rem;\n        border: 1px solid var(--p-surface-800);\n        background-color: var(--p-surface-900);\n        padding: 0.25rem;\n    }\n\n    .p-gallery-toolbar-item {\n        width: 2rem;\n        height: 2rem;\n        cursor: pointer;\n        border-radius: 0.5rem;\n        border: 1px solid transparent;\n        color: var(--p-surface-400);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-gallery-toolbar-item:hover {\n        border-color: var(--p-surface-700);\n        background-color: var(--p-surface-800);\n    }\n\n    .p-gallery-next,\n    .p-gallery-prev {\n        grid-row: 1 / span 3;\n        place-self: center;\n        z-index: 2;\n        width: 100%;\n        aspect-ratio: 1 / 1;\n        cursor: pointer;\n        border-radius: 0.5rem;\n        border: 1px solid var(--p-surface-800);\n        background-color: var(--p-surface-900);\n        color: var(--p-surface-400);\n        transition-property: background-color;\n        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n        transition-duration: 150ms;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-gallery-next:hover,\n    .p-gallery-prev:hover {\n        background-color: var(--p-surface-800);\n    }\n\n    .p-gallery-next {\n        grid-column: 3;\n    }\n\n    .p-gallery-prev {\n        grid-column: 1;\n    }\n\n    .p-gallery-thumbnail {\n        max-width: 600px;\n        grid-column: 1 / span 3;\n        grid-row: 3;\n        place-self: center;\n        z-index: 2;\n    }\n`;\n\nexport const styles = createStyles<GalleryRootInstance>({\n    name: 'gallery',\n    style: theme,\n    classes: {\n        root: 'p-gallery',\n        backdrop: 'p-gallery-backdrop',\n        content: 'p-gallery-content',\n        item: 'p-gallery-item',\n        next: 'p-gallery-next',\n        prev: 'p-gallery-prev',\n        toolbar: 'p-gallery-toolbar',\n        toolbarItem: 'p-gallery-toolbar-item',\n        thumbnail: 'p-gallery-thumbnail',\n        thumbnailContent: 'p-gallery-thumbnail-content',\n        thumbnailItem: 'p-gallery-thumbnail-item'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwIDC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAOC,EACP,QAAS,CACL,KAAM,YACN,SAAU,qBACV,QAAS,oBACT,KAAM,iBACN,KAAM,iBACN,KAAM,iBACN,QAAS,oBACT,YAAa,yBACb,UAAW,sBACX,iBAAkB,8BAClB,cAAe,0BACnB,CACJ,CAAC","names":["createStyles","theme","styles"]}

package/iconfield/IconField.style.d.ts

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

package/iconfield/index.d.ts

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

package/iconfield/index.mjs

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

package/iconfield/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/iconfield/IconField.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IconFieldRootInstance } from '@primereact/types/shared/iconfield';\nimport { style } from '@primeuix/styles/iconfield';\n\nexport const styles = createStyles<IconFieldRootInstance>({\n    name: 'iconfield',\n    style,\n    classes: {\n        root: 'p-iconfield',\n        icon: 'p-inputicon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAoC,CACtD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,cACN,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles"]}

package/{label → iftalabel}/IftaLabel.style.d.ts

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

package/iftalabel/index.d.ts

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

package/iftalabel/index.mjs

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

package/iftalabel/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/iftalabel/IftaLabel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { IftaLabelInstance } from '@primereact/types/shared/iftalabel';\nimport { style } from '@primeuix/styles/iftalabel';\n\nexport const styles = createStyles<IftaLabelInstance>({\n    name: 'iftalabel',\n    style,\n    classes: {\n        root: 'p-iftalabel'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,6BAEf,IAAMC,EAASF,EAAgC,CAClD,KAAM,YACN,MAAAC,EACA,QAAS,CACL,KAAM,aACV,CACJ,CAAC","names":["createStyles","style","styles"]}