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

package/toaster/index.d.ts

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

package/toaster/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as o}from"@primereact/styles/utils";var s=o({name:"toaster",classes:{region:({props:t})=>["p-toast p-component","p-toast-"+t.position]}});export{s as styles};
+//# sourceMappingURL=index.mjs.map

package/toaster/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/toaster/Toaster.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastRootInstance } from '@primereact/types/primitive/toast';\n\nexport const styles = createStyles<ToastRootInstance>({\n    name: 'toaster',\n    classes: {\n        region: ({ props }) => ['p-toast p-component', 'p-toast-' + props.position]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAgC,CAClD,KAAM,UACN,QAAS,CACL,OAAQ,CAAC,CAAE,MAAAE,CAAM,IAAM,CAAC,sBAAuB,WAAaA,EAAM,QAAQ,CAC9E,CACJ,CAAC","names":["createStyles","styles","props"]}

package/togglebutton/ToggleButton.style.d.ts

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

package/togglebutton/index.d.ts

@@ -1,2 +1 @@
 export * from './ToggleButton.style';
-export * from './ToggleButtonGroup.style';

package/togglebutton/index.mjs

@@ -1,2 +1,2 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/togglebutton";var c=r({name:"togglebutton",style:s,classes:{root:({instance:t,props:o,state:g})=>{var e,n,p,l;return["p-togglebutton p-component",{"p-togglebutton-checked":g.pressed,"p-invalid":o.invalid,"p-togglebutton-sm p-inputfield-sm":((n=(e=t.group)==null?void 0:e.props.size)!=null?n:o.size)==="small","p-togglebutton-lg p-inputfield-lg":((l=(p=t.group)==null?void 0:p.props.size)!=null?l:o.size)==="large"}]},indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});import{createStyles as i}from"@primereact/styles/utils";import{style as u}from"@primeuix/styles/selectbutton";var y=i({name:"selectbutton",style:u,classes:{root:({props:t})=>["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid}]}});export{y as groupStyles,c as styles};
+import{createStyles as r}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/togglebutton";var b=r({name:"togglebutton",style:s,classes:{root:({instance:o,props:t,state:p,context:u})=>{var e,l,g,n,i;return["p-togglebutton p-component",{"p-togglebutton-checked":p.pressed,"p-invalid":t.invalid,"p-togglebutton-sm p-inputfield-sm":((l=(e=o.group)==null?void 0:e.props.size)!=null?l:t.size)==="small","p-togglebutton-lg p-inputfield-lg":((n=(g=o.group)==null?void 0:g.props.size)!=null?n:t.size)==="large","p-togglebutton-fluid":(i=t.fluid)!=null?i:u.$fluid}]},indicator:"p-togglebutton-content",icon:"p-togglebutton-icon",label:"p-togglebutton-label"}});export{b as styles};
 //# sourceMappingURL=index.mjs.map

package/togglebutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/togglebutton/ToggleButton.style.ts","../../src/togglebutton/ToggleButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonInstance } from '@primereact/types/shared/togglebutton';\nimport { style } from '@primeuix/styles/togglebutton';\n\nexport const styles = createStyles<ToggleButtonInstance>({\n    name: 'togglebutton',\n    style,\n    classes: {\n        root: ({ instance, props, state }) => [\n            'p-togglebutton p-component',\n            {\n                'p-togglebutton-checked': state.pressed,\n                'p-invalid': props.invalid,\n                'p-togglebutton-sm p-inputfield-sm': (instance.group?.props.size ?? props.size) === 'small',\n                'p-togglebutton-lg p-inputfield-lg': (instance.group?.props.size ?? props.size) === 'large'\n            }\n        ],\n        indicator: 'p-togglebutton-content',\n        icon: 'p-togglebutton-icon',\n        label: 'p-togglebutton-label'\n    }\n});\n","import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonGroupInstance } from '@primereact/types/shared/togglebutton';\nimport { style } from '@primeuix/styles/selectbutton';\n\nexport const groupStyles = createStyles<ToggleButtonGroupInstance>({\n    name: 'selectbutton',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-selectbutton p-togglebutton-group p-component',\n            {\n                'p-invalid': props.invalid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAmC,CACrD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,MAAAC,CAAM,IAAG,CAR3C,IAAAC,EAAAC,EAAAC,EAAAC,EAQ8C,OAClC,6BACA,CACI,yBAA0BJ,EAAM,QAChC,YAAaD,EAAM,QACnB,sCAAsCG,GAAAD,EAAAH,EAAS,QAAT,YAAAG,EAAgB,MAAM,OAAtB,KAAAC,EAA8BH,EAAM,QAAU,QACpF,sCAAsCK,GAAAD,EAAAL,EAAS,QAAT,YAAAK,EAAgB,MAAM,OAAtB,KAAAC,EAA8BL,EAAM,QAAU,OACxF,CACJ,GACA,UAAW,yBACX,KAAM,sBACN,MAAO,sBACX,CACJ,CAAC,ECrBD,OAAS,gBAAAM,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAAcF,EAAwC,CAC/D,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,kDACA,CACI,YAAaA,EAAM,OACvB,CACJ,CACJ,CACJ,CAAC","names":["createStyles","style","styles","instance","props","state","_a","_b","_c","_d","createStyles","style","groupStyles","props"]}
+{"version":3,"sources":["../../src/togglebutton/ToggleButton.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonRootInstance } from '@primereact/types/primitive/togglebutton';\nimport { style } from '@primeuix/styles/togglebutton';\n\nexport const styles = createStyles<ToggleButtonRootInstance>({\n    name: 'togglebutton',\n    style,\n    classes: {\n        root: ({ instance, props, state, context }) => [\n            'p-togglebutton p-component',\n            {\n                'p-togglebutton-checked': state.pressed,\n                'p-invalid': props.invalid,\n                'p-togglebutton-sm p-inputfield-sm': (instance.group?.props.size ?? props.size) === 'small',\n                'p-togglebutton-lg p-inputfield-lg': (instance.group?.props.size ?? props.size) === 'large',\n                'p-togglebutton-fluid': props.fluid ?? context.$fluid\n            }\n        ],\n        indicator: 'p-togglebutton-content',\n        icon: 'p-togglebutton-icon',\n        label: 'p-togglebutton-label'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAuC,CACzD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,SAAAE,EAAU,MAAAC,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IAAG,CARpD,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAQuD,OAC3C,6BACA,CACI,yBAA0BN,EAAM,QAChC,YAAaD,EAAM,QACnB,sCAAsCI,GAAAD,EAAAJ,EAAS,QAAT,YAAAI,EAAgB,MAAM,OAAtB,KAAAC,EAA8BJ,EAAM,QAAU,QACpF,sCAAsCM,GAAAD,EAAAN,EAAS,QAAT,YAAAM,EAAgB,MAAM,OAAtB,KAAAC,EAA8BN,EAAM,QAAU,QACpF,wBAAwBO,EAAAP,EAAM,QAAN,KAAAO,EAAeL,EAAQ,MACnD,CACJ,GACA,UAAW,yBACX,KAAM,sBACN,MAAO,sBACX,CACJ,CAAC","names":["createStyles","style","styles","instance","props","state","context","_a","_b","_c","_d","_e"]}

package/{togglebutton → togglebuttongroup}/ToggleButtonGroup.style.d.ts

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

package/togglebuttongroup/index.d.ts

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

package/togglebuttongroup/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as n}from"@primereact/styles/utils";import{style as p}from"@primeuix/styles/selectbutton";var i=n({name:"selectbutton",style:p,classes:{root:({props:t,context:e})=>{var o;return["p-selectbutton p-togglebutton-group p-component",{"p-invalid":t.invalid,"p-selectbutton-fluid":(o=t.fluid)!=null?o:e.$fluid}]}}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/togglebuttongroup/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/togglebuttongroup/ToggleButtonGroup.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleButtonGroupInstance } from '@primereact/types/primitive/togglebuttongroup';\nimport { style } from '@primeuix/styles/selectbutton';\n\nexport const styles = createStyles<ToggleButtonGroupInstance>({\n    name: 'selectbutton',\n    style,\n    classes: {\n        root: ({ props, context }) => [\n            'p-selectbutton p-togglebutton-group p-component',\n            {\n                'p-invalid': props.invalid,\n                'p-selectbutton-fluid': props.fluid ?? context.$fluid\n            }\n        ]\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAwC,CAC1D,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,QAAAC,CAAQ,IAAG,CARnC,IAAAC,EAQsC,OAC1B,kDACA,CACI,YAAaF,EAAM,QACnB,wBAAwBE,EAAAF,EAAM,QAAN,KAAAE,EAAeD,EAAQ,MACnD,CACJ,EACJ,CACJ,CAAC","names":["createStyles","style","styles","props","context","_a"]}

package/toggleswitch/ToggleSwitch.style.d.ts

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

package/toggleswitch/index.d.ts

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

package/toggleswitch/index.mjs

@@ -0,0 +1,2 @@
+import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/toggleswitch";var c=o({name:"toggleswitch",style:i,classes:{root:({state:e,props:t})=>["p-toggleswitch p-component",{"p-toggleswitch-checked":e.checked,"p-disabled":t.disabled,"p-invalid":t.invalid}],input:"p-toggleswitch-input",control:"p-toggleswitch-slider",handle:"p-toggleswitch-handle"},inlineStyles:{root:{position:"relative"}}});export{c as styles};
+//# sourceMappingURL=index.mjs.map

package/toggleswitch/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/toggleswitch/ToggleSwitch.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToggleSwitchRootInstance } from '@primereact/types/primitive/toggleswitch';\nimport { style } from '@primeuix/styles/toggleswitch';\n\nexport const styles = createStyles<ToggleSwitchRootInstance>({\n    name: 'toggleswitch',\n    style,\n    classes: {\n        root: ({ state, props }) => [\n            'p-toggleswitch p-component',\n            {\n                'p-toggleswitch-checked': state.checked,\n                'p-disabled': props.disabled,\n                'p-invalid': props.invalid\n            }\n        ],\n        input: 'p-toggleswitch-input',\n        control: 'p-toggleswitch-slider',\n        handle: 'p-toggleswitch-handle'\n    },\n    inlineStyles: {\n        root: { position: 'relative' }\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,gCAEf,IAAMC,EAASF,EAAuC,CACzD,KAAM,eACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,6BACA,CACI,yBAA0BD,EAAM,QAChC,aAAcC,EAAM,SACpB,YAAaA,EAAM,OACvB,CACJ,EACA,MAAO,uBACP,QAAS,wBACT,OAAQ,uBACZ,EACA,aAAc,CACV,KAAM,CAAE,SAAU,UAAW,CACjC,CACJ,CAAC","names":["createStyles","style","styles","state","props"]}

package/toolbar/Toolbar.style.d.ts

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

package/toolbar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/toolbar/Toolbar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToolbarInstance } from '@primereact/types/shared/toolbar';\nimport { style } from '@primeuix/styles/toolbar';\n\nexport const styles = createStyles<ToolbarInstance>({\n    name: 'toolbar',\n    style,\n    classes: {\n        root: 'p-toolbar p-component',\n        start: 'p-toolbar-start',\n        center: 'p-toolbar-center',\n        end: 'p-toolbar-end'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,OAAQ,mBACR,IAAK,eACT,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/toolbar/Toolbar.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToolbarRootInstance } from '@primereact/types/primitive/toolbar';\nimport { style } from '@primeuix/styles/toolbar';\n\nexport const styles = createStyles<ToolbarRootInstance>({\n    name: 'toolbar',\n    style,\n    classes: {\n        root: 'p-toolbar p-component',\n        start: 'p-toolbar-start',\n        center: 'p-toolbar-center',\n        end: 'p-toolbar-end'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEf,IAAMC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,OAAQ,mBACR,IAAK,eACT,CACJ,CAAC","names":["createStyles","style","styles"]}

package/tooltip/Tooltip.style.d.ts

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

package/tooltip/index.mjs

@@ -1,64 +1,62 @@
 import{createStyles as t}from"@primereact/styles/utils";var o=`
-    .p-tooltip2 {
-        /*transform: scale(0.95);*/
-        /*opacity: 0;*/
-        transform-origin: var(--placer-transform-origin);
-        max-width: dt('tooltip.max.width');
-        background: dt('tooltip.background');
-        color: dt('tooltip.color');
-        padding: dt('tooltip.padding');
-        box-shadow: dt('tooltip.shadow');
-        border-radius: dt('tooltip.border.radius');
-    }
-
-    .p-tooltip2-text {
-        white-space: pre-line;
-        word-break: break-word;
-    }
-
-    .p-tooltip2-arrow {
-        display: block;
-        clip-path: polygon(0 100%, 0 0, 100% 100%);
-        border-bottom-left-radius: 2px;
-        width: 0.5rem;
-        height: 0.5rem;
-        background: dt('tooltip.background');
-    }
-
-    .p-tooltip2-arrow[data-side='right'] {
-        transform: translateX(50%) rotate(45deg);
+.p-tooltip-popup {
+    position: relative;
+    background: dt('tooltip.background');
+    border-radius: dt('tooltip.border.radius');
+    padding: dt('tooltip.padding');
+    max-width: dt('tooltip.max.width');
+    font-weight: dt('tooltip.font.weight');
+    font-size: dt('tooltip.font.size');
+    color: dt('tooltip.color');
+    transform-origin: var(--px-transform-origin);
+    box-shadow: dt('tooltip.shadow');
+    opacity: 1;
+    scale: 1;
+    transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);
+
+    &[data-enter-from],
+    &[data-leave-to] {
+        opacity: 0;
+        scale: 0.93;
     }
 
-    .p-tooltip2-arrow[data-side='left'] {
-        transform: translateX(-50%) rotate(-135deg);
+    &[data-instant] {
+        transition-duration: 0s !important;
     }
+}
 
-    .p-tooltip2-arrow[data-side='top'] {
-        transform: translateY(-50%) rotate(-45deg);
-    }
+.p-tooltip-arrow {
+    position: absolute;
+    background: dt('tooltip.background');
+    width:0.5rem;
+    height:0.5rem;
+    border-bottom-left-radius: 3px;
+    clip-path: polygon(0 100%, 0 0, 100% 100%);
 
-    .p-tooltip2-arrow[data-side='bottom'] {
-        transform: translateY(50%) rotate(135deg);
+    &[data-side='top']{
+        left: var(--px-placer-arrow-x);
+        bottom: -0.25rem;
+        transform: translateX(-50%) rotate(-45deg);
     }
 
-    .p-placer-content-enter-from,
-    .p-placer-content-leave-to {
-        opacity: 0;
-        transform: scale(0.9);
+    &[data-side='bottom']{
+        left: var(--px-placer-arrow-x);
+        top: -0.25rem;
+        transform: translateX(-50%) rotate(135deg);
     }
 
-    .p-placer-content-enter-to,
-    .p-placer-content-leave-from {
-        opacity: 1;
-        transform: scale(1);
+    &[data-side='left']{
+        top: var(--px-placer-arrow-y);
+        right: -0.25rem;
+        transform: translateY(-50%) rotate(-135deg);
     }
 
-    .p-placer-content-leave-active,
-    .p-placer-content-enter-active {
-        transition:
-            opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),
-            transform 250ms cubic-bezier(0.16, 1, 0.3, 1);
+    &[data-side='right']{
+        top: var(--px-placer-arrow-y);
+        left: -0.25rem;
+        transform: translateY(-50%) rotate(45deg);
     }
+}
 
-`,e=t({name:"tooltip",style:o,classes:{root:()=>["p-tooltip2 p-component"],arrow:"p-tooltip2-arrow",text:"p-tooltip2-text"}});export{e as styles};
+`,a=t({name:"tooltip",style:o,classes:{root:"p-tooltip p-component",popup:"p-tooltip-popup",positioner:"p-tooltip-positioner",arrow:"p-tooltip-arrow",manager:"p-tooltip-manager"}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/tooltip/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipInstance } from '@primereact/types/shared/tooltip';\n\nconst style = `\n    .p-tooltip2 {\n        /*transform: scale(0.95);*/\n        /*opacity: 0;*/\n        transform-origin: var(--placer-transform-origin);\n        max-width: dt('tooltip.max.width');\n        background: dt('tooltip.background');\n        color: dt('tooltip.color');\n        padding: dt('tooltip.padding');\n        box-shadow: dt('tooltip.shadow');\n        border-radius: dt('tooltip.border.radius');\n    }\n\n    .p-tooltip2-text {\n        white-space: pre-line;\n        word-break: break-word;\n    }\n\n    .p-tooltip2-arrow {\n        display: block;\n        clip-path: polygon(0 100%, 0 0, 100% 100%);\n        border-bottom-left-radius: 2px;\n        width: 0.5rem;\n        height: 0.5rem;\n        background: dt('tooltip.background');\n    }\n\n    .p-tooltip2-arrow[data-side='right'] {\n        transform: translateX(50%) rotate(45deg);\n    }\n\n    .p-tooltip2-arrow[data-side='left'] {\n        transform: translateX(-50%) rotate(-135deg);\n    }\n\n    .p-tooltip2-arrow[data-side='top'] {\n        transform: translateY(-50%) rotate(-45deg);\n    }\n\n    .p-tooltip2-arrow[data-side='bottom'] {\n        transform: translateY(50%) rotate(135deg);\n    }\n\n    .p-placer-content-enter-from,\n    .p-placer-content-leave-to {\n        opacity: 0;\n        transform: scale(0.9);\n    }\n\n    .p-placer-content-enter-to,\n    .p-placer-content-leave-from {\n        opacity: 1;\n        transform: scale(1);\n    }\n\n    .p-placer-content-leave-active,\n    .p-placer-content-enter-active {\n        transition:\n            opacity 250ms cubic-bezier(0.16, 1, 0.3, 1),\n            transform 250ms cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n`;\n\nexport const styles = createStyles<TooltipInstance>({\n    name: 'tooltip',\n    style,\n    classes: {\n        root: () => {\n            return ['p-tooltip2 p-component'];\n        },\n        arrow: 'p-tooltip2-arrow',\n        text: 'p-tooltip2-text'\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,EAgEDC,EAASF,EAA8B,CAChD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,IACK,CAAC,wBAAwB,EAEpC,MAAO,mBACP,KAAM,iBACV,CACJ,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/tooltip/Tooltip.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TooltipRootInstance } from '@primereact/types/primitive/tooltip';\n\nconst style = /*css*/ `\n.p-tooltip-popup {\n    position: relative;\n    background: dt('tooltip.background');\n    border-radius: dt('tooltip.border.radius');\n    padding: dt('tooltip.padding');\n    max-width: dt('tooltip.max.width');\n    font-weight: dt('tooltip.font.weight');\n    font-size: dt('tooltip.font.size');\n    color: dt('tooltip.color');\n    transform-origin: var(--px-transform-origin);\n    box-shadow: dt('tooltip.shadow');\n    opacity: 1;\n    scale: 1;\n    transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), scale 250ms cubic-bezier(0.16, 1, 0.3, 1);\n\n    &[data-enter-from],\n    &[data-leave-to] {\n        opacity: 0;\n        scale: 0.93;\n    }\n\n    &[data-instant] {\n        transition-duration: 0s !important;\n    }\n}\n\n.p-tooltip-arrow {\n    position: absolute;\n    background: dt('tooltip.background');\n    width:0.5rem;\n    height:0.5rem;\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.25rem;\n        transform: translateX(-50%) rotate(-45deg);\n    }\n\n    &[data-side='bottom']{\n        left: var(--px-placer-arrow-x);\n        top: -0.25rem;\n        transform: translateX(-50%) rotate(135deg);\n    }\n\n    &[data-side='left']{\n        top: var(--px-placer-arrow-y);\n        right: -0.25rem;\n        transform: translateY(-50%) rotate(-135deg);\n    }\n\n    &[data-side='right']{\n        top: var(--px-placer-arrow-y);\n        left: -0.25rem;\n        transform: translateY(-50%) rotate(45deg);\n    }\n}\n\n`;\n\nexport const styles = createStyles<TooltipRootInstance>({\n    name: 'tooltip',\n    style,\n    classes: {\n        root: 'p-tooltip p-component',\n        popup: 'p-tooltip-popup',\n        positioner: 'p-tooltip-positioner',\n        arrow: 'p-tooltip-arrow',\n        manager: 'p-tooltip-manager'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8DTC,EAASF,EAAkC,CACpD,KAAM,UACN,MAAAC,EACA,QAAS,CACL,KAAM,wBACN,MAAO,kBACP,WAAY,uBACZ,MAAO,kBACP,QAAS,mBACb,CACJ,CAAC","names":["createStyles","style","styles"]}

package/tree/Tree.style.d.ts

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

package/tree/index.mjs

@@ -1,2 +1,39 @@
-import{createStyles as r}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/tree";var p=r({name:"tree",style:o,classes:{root:({props:e,state:t})=>["p-tree p-component",{"p-tree-selectable":e.selectionMode!=null,"p-tree-flex-scrollable":e.scrollHeight==="flex","p-tree-node-dragover":t.dragHover}],pcFilter:"p-tree-filter-input",wrapper:"p-tree-root",header:"p-tree-header",footer:"p-tree-footer",rootChildren:"p-tree-root-children",node:({context:e})=>["p-tree-node",{"p-tree-node-leaf":e.leaf}],content:({props:e,context:t})=>["p-tree-node-content",{"p-tree-node-selectable":t.selectable,"p-tree-node-selected":e.selectionMode==="checkbox"?e.highlightOnSelect&&t.checked:t.selected,"p-tree-node-dragover":t.isNodeDropActive}],toggle:"p-tree-node-toggle-button",toggleIcon:"p-tree-node-toggle-icon",icon:"p-tree-node-icon",pcCheckbox:"p-tree-node-checkbox",label:"p-tree-node-label",nodeChildren:"p-tree-node-children",empty:"p-tree-empty-message",dropPoint:"p-tree-node-drop-point"}});export{p as styles};
+import{createStyles as t}from"@primereact/styles/utils";import{style as o}from"@primeuix/styles/tree";var d=`
+${o}
+
+/* For PrimeReact */
+.p-tree-nodes {
+    display: flex;
+    list-style-type: none;
+    flex-direction: column;
+    gap: dt('tree.gap');
+    margin: 0;
+    padding: 0;
+}
+
+.p-tree-node > .p-tree-node-content {
+    margin-inline-start: calc(dt('tree.indent') * (var(--px-tree-node-level, 1) - 1));
+}
+
+.p-tree-node-toggle-spacer {
+    display: inline-flex;
+    flex-shrink: 0;
+    width: dt('tree.node.toggle.button.size');
+    height: dt('tree.node.toggle.button.size');
+}
+
+.p-tree[data-dragover] {
+    outline: 1px dashed dt('primary.color');
+    outline-offset: -1px;
+}
+
+.p-tree-node-content[data-dragging] {
+    outline: 1px dashed dt('primary.color');
+    outline-offset: -1px;
+}
+
+.p-tree-node-content[data-part="drag-image"] {
+    background: dt('tree.background');
+}
+`,a=t({name:"tree",style:d,classes:{root:({props:r})=>["p-tree p-component",{"p-tree-selectable":r.selectionMode!=null}],filter:"p-tree-filter",header:"p-tree-header",footer:"p-tree-footer",nodes:"p-tree-nodes",node:({context:r})=>["p-tree-node",{"p-tree-node-leaf":r==null?void 0:r.leaf}],content:({props:r,context:e})=>["p-tree-node-content",{"p-tree-node-selectable":e==null?void 0:e.selectable,"p-tree-node-selected":r.selectionMode==="checkbox"?r.highlightOnSelect&&(e==null?void 0:e.checked):e==null?void 0:e.selected,"p-tree-node-dragover":e==null?void 0:e.isNodeDropActive}],toggle:"p-tree-node-toggle",toggleIndicator:"p-tree-node-toggle-indicator",toggleSpacer:"p-tree-node-toggle-spacer",label:"p-tree-node-label",selection:"p-tree-node-selection",empty:"p-tree-empty-message",dropIndicator:"p-tree-node-drop-point",loading:"p-tree-mask p-overlay-mask"}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/tree/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tree/Tree.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TreeInstance } from '@primereact/types/shared/tree';\nimport { style } from '@primeuix/styles/tree';\n\nexport const styles = createStyles<TreeInstance>({\n    name: 'tree',\n    style,\n    classes: {\n        root: ({ props, state }) => [\n            'p-tree p-component',\n            {\n                'p-tree-selectable': props.selectionMode != null,\n                'p-tree-flex-scrollable': props.scrollHeight === 'flex',\n                'p-tree-node-dragover': state.dragHover\n            }\n        ],\n        pcFilter: 'p-tree-filter-input',\n        wrapper: 'p-tree-root',\n        header: 'p-tree-header',\n        footer: 'p-tree-footer',\n        rootChildren: 'p-tree-root-children',\n        node: ({ context }) => [\n            'p-tree-node',\n            {\n                'p-tree-node-leaf': context.leaf\n            }\n        ],\n        content: ({ props, context }) => [\n            'p-tree-node-content',\n            {\n                'p-tree-node-selectable': context.selectable,\n                'p-tree-node-selected': props.selectionMode === 'checkbox' ? props.highlightOnSelect && context.checked : context.selected,\n                'p-tree-node-dragover': context.isNodeDropActive\n            }\n        ],\n        toggle: 'p-tree-node-toggle-button',\n        toggleIcon: 'p-tree-node-toggle-icon',\n        icon: 'p-tree-node-icon',\n        pcCheckbox: 'p-tree-node-checkbox',\n        label: 'p-tree-node-label',\n        nodeChildren: 'p-tree-node-children',\n        empty: 'p-tree-empty-message',\n        dropPoint: 'p-tree-node-drop-point'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,wBAEf,IAAMC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAAC,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,MAAAC,CAAM,IAAM,CACxB,qBACA,CACI,oBAAqBD,EAAM,eAAiB,KAC5C,yBAA0BA,EAAM,eAAiB,OACjD,uBAAwBC,EAAM,SAClC,CACJ,EACA,SAAU,sBACV,QAAS,cACT,OAAQ,gBACR,OAAQ,gBACR,aAAc,uBACd,KAAM,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACnB,cACA,CACI,mBAAoBA,EAAQ,IAChC,CACJ,EACA,QAAS,CAAC,CAAE,MAAAF,EAAO,QAAAE,CAAQ,IAAM,CAC7B,sBACA,CACI,yBAA0BA,EAAQ,WAClC,uBAAwBF,EAAM,gBAAkB,WAAaA,EAAM,mBAAqBE,EAAQ,QAAUA,EAAQ,SAClH,uBAAwBA,EAAQ,gBACpC,CACJ,EACA,OAAQ,4BACR,WAAY,0BACZ,KAAM,mBACN,WAAY,uBACZ,MAAO,oBACP,aAAc,uBACd,MAAO,uBACP,UAAW,wBACf,CACJ,CAAC","names":["createStyles","style","styles","props","state","context"]}
+{"version":3,"sources":["../../src/tree/Tree.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { TreeRootInstance } from '@primereact/types/primitive/tree';\nimport { style as tree_style } from '@primeuix/styles/tree';\n\nconst style = /*css*/ `\n${tree_style}\n\n/* For PrimeReact */\n.p-tree-nodes {\n    display: flex;\n    list-style-type: none;\n    flex-direction: column;\n    gap: dt('tree.gap');\n    margin: 0;\n    padding: 0;\n}\n\n.p-tree-node > .p-tree-node-content {\n    margin-inline-start: calc(dt('tree.indent') * (var(--px-tree-node-level, 1) - 1));\n}\n\n.p-tree-node-toggle-spacer {\n    display: inline-flex;\n    flex-shrink: 0;\n    width: dt('tree.node.toggle.button.size');\n    height: dt('tree.node.toggle.button.size');\n}\n\n.p-tree[data-dragover] {\n    outline: 1px dashed dt('primary.color');\n    outline-offset: -1px;\n}\n\n.p-tree-node-content[data-dragging] {\n    outline: 1px dashed dt('primary.color');\n    outline-offset: -1px;\n}\n\n.p-tree-node-content[data-part=\"drag-image\"] {\n    background: dt('tree.background');\n}\n`;\n\nexport const styles = createStyles<TreeRootInstance>({\n    name: 'tree',\n    style,\n    classes: {\n        root: ({ props }) => [\n            'p-tree p-component',\n            {\n                'p-tree-selectable': props.selectionMode != null\n            }\n        ],\n        filter: 'p-tree-filter',\n        header: 'p-tree-header',\n        footer: 'p-tree-footer',\n        nodes: 'p-tree-nodes',\n        node: ({ context }) => [\n            'p-tree-node',\n            {\n                'p-tree-node-leaf': context?.leaf\n            }\n        ],\n        content: ({ props, context }) => [\n            'p-tree-node-content',\n            {\n                'p-tree-node-selectable': context?.selectable,\n                'p-tree-node-selected': props.selectionMode === 'checkbox' ? props.highlightOnSelect && context?.checked : context?.selected,\n                'p-tree-node-dragover': context?.isNodeDropActive\n            }\n        ],\n        toggle: 'p-tree-node-toggle',\n        toggleIndicator: 'p-tree-node-toggle-indicator',\n        toggleSpacer: 'p-tree-node-toggle-spacer',\n        label: 'p-tree-node-label',\n        selection: 'p-tree-node-selection',\n        empty: 'p-tree-empty-message',\n        dropIndicator: 'p-tree-node-drop-point',\n        loading: 'p-tree-mask p-overlay-mask'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAASC,MAAkB,wBAEpC,IAAMC,EAAgB;AAAA,EACpBD,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsCCE,EAASH,EAA+B,CACjD,KAAM,OACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,oBAAqBA,EAAM,eAAiB,IAChD,CACJ,EACA,OAAQ,gBACR,OAAQ,gBACR,OAAQ,gBACR,MAAO,eACP,KAAM,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACnB,cACA,CACI,mBAAoBA,GAAA,YAAAA,EAAS,IACjC,CACJ,EACA,QAAS,CAAC,CAAE,MAAAD,EAAO,QAAAC,CAAQ,IAAM,CAC7B,sBACA,CACI,yBAA0BA,GAAA,YAAAA,EAAS,WACnC,uBAAwBD,EAAM,gBAAkB,WAAaA,EAAM,oBAAqBC,GAAA,YAAAA,EAAS,SAAUA,GAAA,YAAAA,EAAS,SACpH,uBAAwBA,GAAA,YAAAA,EAAS,gBACrC,CACJ,EACA,OAAQ,qBACR,gBAAiB,+BACjB,aAAc,4BACd,MAAO,oBACP,UAAW,wBACX,MAAO,uBACP,cAAe,yBACf,QAAS,4BACb,CACJ,CAAC","names":["createStyles","tree_style","style","styles","props","context"]}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 PrimeTek
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/colorpicker/index.d.ts

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

package/colorpicker/index.mjs

@@ -1,122 +0,0 @@
-import{createStyles as o}from"@primereact/styles/utils";var e=`
-    .p-color-picker-area{
-        position: relative;
-        aspect-ratio: 4 / 3;
-        border-radius: 0.5rem;
-        background: var(--area-background);
-        touch-action: none;
-        forced-color-adjust: none;
-    }
-
-    .p-color-picker-area-thumb{
-        width: 1rem;
-        height: 1rem;
-        position: absolute;
-        z-index: 1;
-        border-radius: 999px;
-        touch-action: none;
-        forced-color-adjust: none;
-        border: 3px solid rgb(255,255,255);
-        cursor: pointer;
-        transform: translate(-50%, -50%);
-        top: var(--thumb-position-top)    ;
-        left: var(--thumb-position-left);
-        background: var(--thumb-background);
-        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    }
-
-    .p-color-picker-area-background{
-        position: absolute;
-        inset: 0;
-        z-index: 0;
-        border-radius: inherit;
-        pointer-events: none;
-        background: var(--area-gradient);
-        user-select: none;
-        touch-action: none;
-        forced-color-adjust: none;
-        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
-    }
-
-    .p-color-picker-slider{
-        position:relative;
-        border-radius: 0.25rem;
-        forced-color-adjust: none;
-        touch-action: none;
-    }
-
-    .p-color-picker-slider-horizontal{
-        height: 1rem;
-        width: auto;
-        touch-action: pan-x;
-    }
-
-
-    .p-color-picker-slider-vertical{
-        height: auto;
-        width: 1rem;
-        touch-action: pan-y;
-    }
-
-    .p-color-picker-slider-thumb{
-        width: 1rem;
-        height: 1rem;
-        position: absolute;
-        z-index: 1;
-        border-radius: 999px;
-        touch-action: none;
-        transform: translate(-50%, -50%);
-        top: var(--thumb-position-top);
-        left: var(--thumb-position-left);
-        background: var(--thumb-background);
-        border: 3px solid rgb(255,255,255);
-        cursor: pointer;
-        box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
-    }
-
-    .p-color-picker-slider-track{
-        position: absolute;
-        inset: 0;
-        z-index: 0;
-        border-radius: inherit;
-        pointer-events: none;
-        user-select: none;
-        touch-action: none;
-        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
-        background: var(--slider-background);
-    }
-
-    .p-color-picker-transparency-grid{
-        position: absolute;
-        inset: 0;
-        z-index: 0;
-        background: conic-gradient(var(--p-surface-100) 0deg, var(--p-surface-100) 25%, transparent 0deg, transparent 50%, var(--p-surface-100) 0deg, var(--p-surface-100) 75%, transparent 0deg);
-        background-size: 0.5rem 0.5rem;
-        background-color: rgb(255, 255, 255);
-        border-radius: inherit;
-        pointer-events: none;
-        user-select: none;
-        touch-action: none;
-    }
-
-    .p-color-picker-swatch{
-        width: 2.25rem;
-        height: 2.25rem;
-        border-radius: 0.375rem;
-        position: relative;
-    }
-
-    .p-color-picker-swatch-background{
-        background: var(--swatch-background);
-        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));
-        position: absolute;
-        inset: 0;
-        z-index: 0;
-        border-radius: inherit;
-        pointer-events: none;
-        user-select: none;
-        touch-action: none;
-        forced-color-adjust: none;
-    }
-`,t=o({name:"colorpicker",style:e,classes:{area:"p-color-picker-area",areaThumb:({context:r})=>["p-color-picker-area-thumb",{"p-disabled":r.disabled}],areaBackground:"p-color-picker-area-background",slider:({context:r})=>["p-color-picker-slider",`p-color-picker-slider-${r.orientation}`],sliderThumb:({context:r})=>["p-color-picker-slider-thumb",{"p-disabled":r.disabled}],sliderTrack:"p-color-picker-slider-track",transparencyGrid:"p-color-picker-transparency-grid",swatch:"p-color-picker-swatch",swatchBackground:"p-color-picker-swatch-background"}});export{t as styles};
-//# sourceMappingURL=index.mjs.map

package/colorpicker/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/colorpicker/ColorPicker.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ColorPickerInstance } from '@primereact/types/shared/colorpicker';\n// import { style } from '@primeuix/styles/colorpicker';\n\nconst theme = `\n    .p-color-picker-area{\n        position: relative;\n        aspect-ratio: 4 / 3;\n        border-radius: 0.5rem;\n        background: var(--area-background);\n        touch-action: none;\n        forced-color-adjust: none;\n    }\n\n    .p-color-picker-area-thumb{\n        width: 1rem;\n        height: 1rem;\n        position: absolute;\n        z-index: 1;\n        border-radius: 999px;\n        touch-action: none;\n        forced-color-adjust: none;\n        border: 3px solid rgb(255,255,255);\n        cursor: pointer;\n        transform: translate(-50%, -50%);\n        top: var(--thumb-position-top)    ;\n        left: var(--thumb-position-left);\n        background: var(--thumb-background);\n        box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    }\n\n    .p-color-picker-area-background{\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        background: var(--area-gradient);\n        user-select: none;\n        touch-action: none;\n        forced-color-adjust: none;\n        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n    }\n\n    .p-color-picker-slider{\n        position:relative;\n        border-radius: 0.25rem;\n        forced-color-adjust: none;\n        touch-action: none;\n    }\n\n    .p-color-picker-slider-horizontal{\n        height: 1rem;\n        width: auto;\n        touch-action: pan-x;\n    }\n\n\n    .p-color-picker-slider-vertical{\n        height: auto;\n        width: 1rem;\n        touch-action: pan-y;\n    }\n\n    .p-color-picker-slider-thumb{\n        width: 1rem;\n        height: 1rem;\n        position: absolute;\n        z-index: 1;\n        border-radius: 999px;\n        touch-action: none;\n        transform: translate(-50%, -50%);\n        top: var(--thumb-position-top);\n        left: var(--thumb-position-left);\n        background: var(--thumb-background);\n        border: 3px solid rgb(255,255,255);\n        cursor: pointer;\n        box-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n    }\n\n    .p-color-picker-slider-track{\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        user-select: none;\n        touch-action: none;\n        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n        background: var(--slider-background);\n    }\n\n    .p-color-picker-transparency-grid{\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        background: conic-gradient(var(--p-surface-100) 0deg, var(--p-surface-100) 25%, transparent 0deg, transparent 50%, var(--p-surface-100) 0deg, var(--p-surface-100) 75%, transparent 0deg);\n        background-size: 0.5rem 0.5rem;\n        background-color: rgb(255, 255, 255);\n        border-radius: inherit;\n        pointer-events: none;\n        user-select: none;\n        touch-action: none;\n    }\n\n    .p-color-picker-swatch{\n        width: 2.25rem;\n        height: 2.25rem;\n        border-radius: 0.375rem;\n        position: relative;\n    }\n\n    .p-color-picker-swatch-background{\n        background: var(--swatch-background);\n        box-shadow: inset 0 0 0 1px light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.15));\n        position: absolute;\n        inset: 0;\n        z-index: 0;\n        border-radius: inherit;\n        pointer-events: none;\n        user-select: none;\n        touch-action: none;\n        forced-color-adjust: none;\n    }\n`;\n\nexport const styles = createStyles<ColorPickerInstance>({\n    name: 'colorpicker',\n    style: theme,\n    classes: {\n        area: 'p-color-picker-area',\n        areaThumb: ({ context }) => ['p-color-picker-area-thumb', { 'p-disabled': context.disabled }],\n        areaBackground: 'p-color-picker-area-background',\n        slider: ({ context }) => ['p-color-picker-slider', `p-color-picker-slider-${context.orientation}`],\n        sliderThumb: ({ context }) => ['p-color-picker-slider-thumb', { 'p-disabled': context.disabled }],\n        sliderTrack: 'p-color-picker-slider-track',\n        transparencyGrid: 'p-color-picker-transparency-grid',\n        swatch: 'p-color-picker-swatch',\n        swatchBackground: 'p-color-picker-swatch-background'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAI7B,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,EA0HDC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAOC,EACP,QAAS,CACL,KAAM,sBACN,UAAW,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,4BAA6B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAC5F,eAAgB,iCAChB,OAAQ,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,wBAAyB,yBAAyBA,EAAQ,WAAW,EAAE,EACjG,YAAa,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+B,CAAE,aAAcA,EAAQ,QAAS,CAAC,EAChG,YAAa,8BACb,iBAAkB,mCAClB,OAAQ,wBACR,iBAAkB,kCACtB,CACJ,CAAC","names":["createStyles","theme","styles","context"]}

package/commandmenu/index.d.ts

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

package/commandmenu/index.mjs

@@ -1,71 +0,0 @@
-import{createStyles as e}from"@primereact/styles/utils";var n=`
-    .p-commandmenu {
-        position: relative;
-        overflow: hidden;
-        border: 1px solid light-dark(var(--p-surface-300), var(--p-surface-800));
-        background-color: light-dark(var(--p-surface-0), var(--p-surface-950));
-        border-radius: 0.75rem;
-        max-width: 40rem;
-        height: 25rem;
-        display:flex;
-        flex-direction: column;
-    }
-
-    .p-commandmenu-group {
-        overflow:hidden;
-        padding: 0.375rem 0;
-    }
-
-    .p-commandmenu-groupheading {
-        margin: 0.375rem 0;
-        padding-left: 0.75rem;
-        font-size: 0.875rem;
-        font-weight: 600;
-        color: light-dark(var(--p-surface-400), var(--p-surface-500));
-        text-transform: capitalize;
-    }
-
-    .p-commandmenu-list {
-        padding: 0.375rem;
-        position: relative;
-        overflow-x:hidden;
-        overflow-y:auto;
-        scroll-padding-block: 0.5rem;
-        flex: 1;
-    }
-
-    .p-commandmenu-list:focus-visible{
-        outline: none;
-    }
-
-    .p-commandmenu-item {
-        height: 2.75rem;
-        display: flex;
-        align-items: center;
-        user-select: none;
-        border-radius: 0.5rem;
-        gap: 1rem;
-        padding: 0 0.75rem;
-        cursor: pointer;
-    }
-
-    .p-commandmenu-item[data-selected='true'] {
-        transition:none;
-        background:light-dark(color-mix(in srgb, var(--p-surface-200) 50%, transparent 50%), color-mix(in srgb, var(--p-surface-800) 50%, transparent 50%));
-    }
-
-    .p-commandmenu-input{
-        width: 100%;
-        outline:none;
-        padding: 0.375rem 0;
-        font-size: 1.125rem;
-        background-color: transparent;
-    }
-
-    .p-commandmenu-empty{
-        text-align: center;
-        padding: 2rem 0;
-        color: var(--p-surface-500);
-    }
-`,m=e({name:"commandmenu",style:n,classes:{root:"p-commandmenu p-component",group:"p-commandmenu-group",groupheading:"p-commandmenu-groupheading",list:"p-commandmenu-list",item:"p-commandmenu-item",input:"p-commandmenu-input",empty:"p-commandmenu-empty"}});export{m as styles};
-//# sourceMappingURL=index.mjs.map

package/commandmenu/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/commandmenu/CommandMenu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CommandMenuInstance } from '@primereact/types/shared/commandmenu';\n\nconst theme = `\n    .p-commandmenu {\n        position: relative;\n        overflow: hidden;\n        border: 1px solid light-dark(var(--p-surface-300), var(--p-surface-800));\n        background-color: light-dark(var(--p-surface-0), var(--p-surface-950));\n        border-radius: 0.75rem;\n        max-width: 40rem;\n        height: 25rem;\n        display:flex;\n        flex-direction: column;\n    }\n\n    .p-commandmenu-group {\n        overflow:hidden;\n        padding: 0.375rem 0;\n    }\n\n    .p-commandmenu-groupheading {\n        margin: 0.375rem 0;\n        padding-left: 0.75rem;\n        font-size: 0.875rem;\n        font-weight: 600;\n        color: light-dark(var(--p-surface-400), var(--p-surface-500));\n        text-transform: capitalize;\n    }\n\n    .p-commandmenu-list {\n        padding: 0.375rem;\n        position: relative;\n        overflow-x:hidden;\n        overflow-y:auto;\n        scroll-padding-block: 0.5rem;\n        flex: 1;\n    }\n\n    .p-commandmenu-list:focus-visible{\n        outline: none;\n    }\n\n    .p-commandmenu-item {\n        height: 2.75rem;\n        display: flex;\n        align-items: center;\n        user-select: none;\n        border-radius: 0.5rem;\n        gap: 1rem;\n        padding: 0 0.75rem;\n        cursor: pointer;\n    }\n\n    .p-commandmenu-item[data-selected='true'] {\n        transition:none;\n        background:light-dark(color-mix(in srgb, var(--p-surface-200) 50%, transparent 50%), color-mix(in srgb, var(--p-surface-800) 50%, transparent 50%));\n    }\n\n    .p-commandmenu-input{\n        width: 100%;\n        outline:none;\n        padding: 0.375rem 0;\n        font-size: 1.125rem;\n        background-color: transparent;\n    }\n\n    .p-commandmenu-empty{\n        text-align: center;\n        padding: 2rem 0;\n        color: var(--p-surface-500);\n    }\n`;\n\nexport const styles = createStyles<CommandMenuInstance>({\n    name: 'commandmenu',\n    style: theme,\n    classes: {\n        root: 'p-commandmenu p-component',\n        group: 'p-commandmenu-group',\n        groupheading: 'p-commandmenu-groupheading',\n        list: 'p-commandmenu-list',\n        item: 'p-commandmenu-item',\n        input: 'p-commandmenu-input',\n        empty: 'p-commandmenu-empty'\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,EAuEDC,EAASF,EAAkC,CACpD,KAAM,cACN,MAAOC,EACP,QAAS,CACL,KAAM,4BACN,MAAO,sBACP,aAAc,6BACd,KAAM,qBACN,KAAM,qBACN,MAAO,sBACP,MAAO,qBACX,CACJ,CAAC","names":["createStyles","theme","styles"]}

package/confirmdialog/index.d.ts

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

package/confirmdialog/index.mjs

@@ -1,2 +0,0 @@
-import{createStyles as o}from"@primereact/styles/utils";import{style as i}from"@primeuix/styles/confirmdialog";var e=o({name:"confirmdialog",style:i,classes:{root:"p-confirmdialog",trigger:"p-confirmdialog-trigger-button",icon:"p-confirmdialog-icon",message:"p-confirmdialog-message",close:"p-confirmdialog-reject-button",action:"p-confirmdialog-accept-button"}});export{e as styles};
-//# sourceMappingURL=index.mjs.map