@primereact/styles 11.0.0-alpha.8 → 11.0.0-alpha.9

package/breadcrumb/Breadcrumb.style.d.ts

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

package/breadcrumb/index.d.ts

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

package/breadcrumb/index.mjs

@@ -0,0 +1,29 @@
+import{createStyles as e}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/breadcrumb";var o=`
+    ${t}
+
+    .p-breadcrumb-item a {
+        text-decoration: none;
+        display: flex;
+        align-items: center;
+        gap: dt('breadcrumb.item.gap');
+        transition:
+            background dt('breadcrumb.transition.duration'),
+            color dt('breadcrumb.transition.duration'),
+            outline-color dt('breadcrumb.transition.duration'),
+            box-shadow dt('breadcrumb.transition.duration');
+        border-radius: dt('breadcrumb.item.border.radius');
+        outline-color: transparent;
+        color: dt('breadcrumb.item.color');
+    }
+
+    .p-breadcrumb-item a:focus-visible {
+        box-shadow: dt('breadcrumb.item.focus.ring.shadow');
+        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');
+        outline-offset: dt('breadcrumb.item.focus.ring.offset');
+    }
+
+    .p-breadcrumb-item a:hover{
+        color: dt('breadcrumb.item.hover.color');
+    }
+`,b=e({name:"breadcrumb",style:o,classes:{root:"p-breadcrumb p-component",list:"p-breadcrumb-list",item:({context:r})=>["p-breadcrumb-item",{"p-disabled":r.disabled}],separator:"p-breadcrumb-separator",icon:"p-breadcrumb-separator-icon"}});export{b as styles};
+//# sourceMappingURL=index.mjs.map

package/breadcrumb/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/breadcrumb/Breadcrumb.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { BreadcrumbInstance } from '@primereact/types/shared/breadcrumb';\nimport { style } from '@primeuix/styles/breadcrumb';\n\nconst _style = /*css*/ `\n    ${style}\n\n    .p-breadcrumb-item a {\n        text-decoration: none;\n        display: flex;\n        align-items: center;\n        gap: dt('breadcrumb.item.gap');\n        transition:\n            background dt('breadcrumb.transition.duration'),\n            color dt('breadcrumb.transition.duration'),\n            outline-color dt('breadcrumb.transition.duration'),\n            box-shadow dt('breadcrumb.transition.duration');\n        border-radius: dt('breadcrumb.item.border.radius');\n        outline-color: transparent;\n        color: dt('breadcrumb.item.color');\n    }\n\n    .p-breadcrumb-item a:focus-visible {\n        box-shadow: dt('breadcrumb.item.focus.ring.shadow');\n        outline: dt('breadcrumb.item.focus.ring.width') dt('breadcrumb.item.focus.ring.style') dt('breadcrumb.item.focus.ring.color');\n        outline-offset: dt('breadcrumb.item.focus.ring.offset');\n    }\n\n    .p-breadcrumb-item a:hover{\n        color: dt('breadcrumb.item.hover.color');\n    }\n`;\n\nexport const styles = createStyles<BreadcrumbInstance>({\n    name: 'breadcrumb',\n    style: _style,\n    classes: {\n        root: 'p-breadcrumb p-component',\n        list: 'p-breadcrumb-list',\n        item: ({ context }) => [\n            'p-breadcrumb-item',\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        separator: 'p-breadcrumb-separator',\n        icon: 'p-breadcrumb-separator-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,8BAEtB,IAAMC,EAAiB;AAAA,MACjBD,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,EA4BEE,EAASH,EAAiC,CACnD,KAAM,aACN,MAAOE,EACP,QAAS,CACL,KAAM,2BACN,KAAM,oBACN,KAAM,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACnB,oBACA,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,yBACX,KAAM,6BACV,CACJ,CAAC","names":["createStyles","style","_style","styles","context"]}

package/carousel/index.mjs

@@ -1,40 +1,4 @@
 import{createStyles as t}from"@primereact/styles/utils";var r=`
-.p-carousel{
-position:relative;
-}
-
-.p-carousel-viewport{
-    overflow: hidden;
-}
-
-.p-carousel-content{
-    display: flex;
-    transform: translate3d(var(--p-swipe-amount-x), var(--p-swipe-amount-y), 0);
-    touch-action: pan-y pinch-zoom;
-}
-
-.p-carousel-content-horizontal{
-    flex-direction: row;
-    margin-left: calc(var(--p-spacing) * -1);
-}
-
-.p-carousel-content-vertical{
-    flex-direction: column;
-    margin-top: calc(var(--p-spacing) * -1);
-}
-    
-.p-carousel-item{
-    flex: 0 0 var(--p-slide-size);
-    min-width: 0;
-}
-
-.p-carousel-content-horizontal .p-carousel-item{
-padding-left: var(--p-spacing);
-}
-
-.p-carousel-content-vertical .p-carousel-item{
-padding-top: var(--p-spacing);
-}
 
 .p-carousel-indicator-list {
     display: flex;
@@ -81,5 +45,5 @@ padding-top: var(--p-spacing);
 .p-carousel-indicator-active.p-carousel-indicator-button {
     background: dt('carousel.indicator.active.background');
 }
-`,e=t({name:"carousel",style:r,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:o})=>["p-carousel-content",o.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:o})=>["p-carousel-indicator-button",o.active?"p-carousel-indicator-active":""],prev:({context:o})=>[{"p-disabled":o.disabled}],next:({context:o})=>[{"p-disabled":o.disabled}]}});export{e as styles};
+`,a=t({name:"carousel",style:r,classes:{root:"p-carousel p-component",viewport:"p-carousel-viewport",content:({context:o})=>["p-carousel-content",o.orientation==="vertical"?"p-carousel-content-vertical":"p-carousel-content-horizontal"],item:"p-carousel-item",indicators:"p-carousel-indicator-list",indicator:({context:o})=>["p-carousel-indicator-button",o.active?"p-carousel-indicator-active":""],prev:({context:o})=>[{"p-disabled":o.disabled}],next:({context:o})=>[{"p-disabled":o.disabled}]}});export{a as styles};
 //# sourceMappingURL=index.mjs.map

package/carousel/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselInstance } from '@primereact/types/shared/carousel';\n\nconst theme = `\n.p-carousel{\nposition:relative;\n}\n\n.p-carousel-viewport{\n    overflow: hidden;\n}\n\n.p-carousel-content{\n    display: flex;\n    transform: translate3d(var(--p-swipe-amount-x), var(--p-swipe-amount-y), 0);\n    touch-action: pan-y pinch-zoom;\n}\n\n.p-carousel-content-horizontal{\n    flex-direction: row;\n    margin-left: calc(var(--p-spacing) * -1);\n}\n\n.p-carousel-content-vertical{\n    flex-direction: column;\n    margin-top: calc(var(--p-spacing) * -1);\n}\n    \n.p-carousel-item{\n    flex: 0 0 var(--p-slide-size);\n    min-width: 0;\n}\n\n.p-carousel-content-horizontal .p-carousel-item{\npadding-left: var(--p-spacing);\n}\n\n.p-carousel-content-vertical .p-carousel-item{\npadding-top: var(--p-spacing);\n}\n\n.p-carousel-indicator-list {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: dt('carousel.indicator.list.padding');\n    gap: dt('carousel.indicator.list.gap');\n    margin: 0;\n    list-style: none;\n}\n\n.p-carousel-indicator-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: dt('carousel.indicator.background');\n    width: dt('carousel.indicator.width');\n    height: dt('carousel.indicator.height');\n    border: 0 none;\n    transition:\n        background dt('carousel.transition.duration'),\n        color dt('carousel.transition.duration'),\n        outline-color dt('carousel.transition.duration'),\n        box-shadow dt('carousel.transition.duration');\n    outline-color: transparent;\n    border-radius: dt('carousel.indicator.border.radius');\n    padding: 0;\n    margin: 0;\n    user-select: none;\n    cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: dt('carousel.indicator.focus.ring.shadow');\n    outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');\n    outline-offset: dt('carousel.indicator.focus.ring.offset');\n}\n\n.p-carousel-indicator-button:hover {\n    background: dt('carousel.indicator.hover.background');\n}\n\n.p-carousel-indicator-active.p-carousel-indicator-button {\n    background: dt('carousel.indicator.active.background');\n}\n`;\n\nexport const styles = createStyles<CarouselInstance>({\n    name: 'carousel',\n    style: theme,\n    classes: {\n        root: 'p-carousel p-component',\n        viewport: 'p-carousel-viewport',\n        content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n        item: 'p-carousel-item',\n        indicators: 'p-carousel-indicator-list',\n        indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n        prev: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        next: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ]\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,EAqFDC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAOC,EACP,QAAS,CACL,KAAM,yBACN,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","theme","styles","context"]}
+{"version":3,"sources":["../../src/carousel/Carousel.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { CarouselInstance } from '@primereact/types/shared/carousel';\n\nconst theme = `\n\n.p-carousel-indicator-list {\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    flex-wrap: wrap;\n    padding: dt('carousel.indicator.list.padding');\n    gap: dt('carousel.indicator.list.gap');\n    margin: 0;\n    list-style: none;\n}\n\n.p-carousel-indicator-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: dt('carousel.indicator.background');\n    width: dt('carousel.indicator.width');\n    height: dt('carousel.indicator.height');\n    border: 0 none;\n    transition:\n        background dt('carousel.transition.duration'),\n        color dt('carousel.transition.duration'),\n        outline-color dt('carousel.transition.duration'),\n        box-shadow dt('carousel.transition.duration');\n    outline-color: transparent;\n    border-radius: dt('carousel.indicator.border.radius');\n    padding: 0;\n    margin: 0;\n    user-select: none;\n    cursor: pointer;\n}\n\n.p-carousel-indicator-button:focus-visible {\n    box-shadow: dt('carousel.indicator.focus.ring.shadow');\n    outline: dt('carousel.indicator.focus.ring.width') dt('carousel.indicator.focus.ring.style') dt('carousel.indicator.focus.ring.color');\n    outline-offset: dt('carousel.indicator.focus.ring.offset');\n}\n\n.p-carousel-indicator-button:hover {\n    background: dt('carousel.indicator.hover.background');\n}\n\n.p-carousel-indicator-active.p-carousel-indicator-button {\n    background: dt('carousel.indicator.active.background');\n}\n`;\n\nexport const styles = createStyles<CarouselInstance>({\n    name: 'carousel',\n    style: theme,\n    classes: {\n        root: 'p-carousel p-component',\n        viewport: 'p-carousel-viewport',\n        content: ({ context }) => ['p-carousel-content', context.orientation === 'vertical' ? 'p-carousel-content-vertical' : 'p-carousel-content-horizontal'],\n        item: 'p-carousel-item',\n        indicators: 'p-carousel-indicator-list',\n        indicator: ({ context }) => ['p-carousel-indicator-button', context.active ? 'p-carousel-indicator-active' : ''],\n        prev: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ],\n        next: ({ context }) => [\n            {\n                'p-disabled': context.disabled\n            }\n        ]\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,EAiDDC,EAASF,EAA+B,CACjD,KAAM,WACN,MAAOC,EACP,QAAS,CACL,KAAM,yBACN,SAAU,sBACV,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CAAC,qBAAsBA,EAAQ,cAAgB,WAAa,8BAAgC,+BAA+B,EACrJ,KAAM,kBACN,WAAY,4BACZ,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAAC,8BAA+BA,EAAQ,OAAS,8BAAgC,EAAE,EAC/G,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,EACA,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,CACI,aAAcA,EAAQ,QAC1B,CACJ,CACJ,CACJ,CAAC","names":["createStyles","theme","styles","context"]}

package/commandmenu/CommandMenu.style.d.ts

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

package/commandmenu/index.d.ts

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

package/commandmenu/index.mjs

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

@@ -0,0 +1 @@
+{"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/contextmenu/ContextMenu.style.d.ts

@@ -0,0 +1,15 @@
+import type { ContextMenuInstance } from '@primereact/types/shared/contextmenu';
+export declare const styles: {
+    name: string | undefined;
+    css: import("@primeuix/styled").StyleType | undefined;
+    style: import("@primeuix/styled").StyleType | undefined;
+    classes: import("@primereact/types/styles").ClassesType<ContextMenuInstance> | undefined;
+    inlineStyles: import("@primereact/types/styles").InlineStylesType<ContextMenuInstance>;
+    baseStyles: {
+        name: string;
+        css: string;
+        style: import("@primeuix/styled").StyleType;
+        classes: {};
+        inlineStyles: {};
+    };
+};

package/contextmenu/index.d.ts

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

package/contextmenu/index.mjs

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

package/contextmenu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/contextmenu/ContextMenu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ContextMenuInstance } from '@primereact/types/shared/contextmenu';\n\nexport const styles = createStyles<ContextMenuInstance>({\n    name: 'contextmenu',\n    classes: {\n        root: 'p-contextmenu',\n        list: 'p-contextmenu-list',\n        submenu: 'p-contextmenu-submenu',\n        separator: 'p-contextmenu-separator',\n        item: 'p-contextmenu-item',\n        checkboxItem: 'p-contextmenu-item-checkbox',\n        radioItem: 'p-contextmenu-item-radio',\n        trigger: 'p-contextmenu-trigger',\n        icon: 'p-contextmenu-item-icon',\n        checkboxIcon: 'p-contextmenu-checkbox-icon',\n        radioIcon: 'p-contextmenu-radio-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAGtB,IAAMC,EAASD,EAAkC,CACpD,KAAM,cACN,QAAS,CACL,KAAM,gBACN,KAAM,qBACN,QAAS,wBACT,UAAW,0BACX,KAAM,qBACN,aAAc,8BACd,UAAW,2BACX,QAAS,wBACT,KAAM,0BACN,aAAc,8BACd,UAAW,0BACf,CACJ,CAAC","names":["createStyles","styles"]}

package/inputtags/InputTags.style.d.ts

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

package/inputtags/index.d.ts

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

package/inputtags/index.mjs

@@ -0,0 +1,68 @@
+import{createStyles as a}from"@primereact/styles/utils";import{isNotEmpty as r}from"@primeuix/utils";var u=`
+    .p-inputtags {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        position: relative;
+        padding: calc(dt('inputtext.padding.y') /2) dt('inputtext.padding.y');
+        gap: calc(dt('inputtext.padding.y') /2);
+        color: dt('inputtext.color');
+        background: dt('inputtext.background');
+        border: 1px solid dt('inputtext.border.color');
+        transition:
+            background dt('inputtext.transition.duration'),
+            color dt('inputtext.transition.duration'),
+            border-color dt('inputtext.transition.duration'),
+            outline-color dt('inputtext.transition.duration'),
+            box-shadow dt('inputtext.transition.duration');
+        appearance: none;
+        border-radius: dt('inputtext.border.radius');
+        outline-color: transparent;
+        box-shadow: dt('inputtext.shadow');
+    }
+
+    .p-inputtags .p-inputtags-item {
+        padding-inline: dt('inputtext.padding.y');
+        padding-block: calc(dt('inputtext.padding.y') /2);
+        border-radius: dt('border.radius.sm');
+    }
+
+    .p-inputtags .p-inputtags-item .p-chip-label {
+        line-height: 1;
+    }
+
+    .p-inputtags .p-inputtags-item.p-focused {
+        background-color: light-dark(var(--p-surface-200), var(--p-surface-700));
+    }
+
+    .p-inputtags .p-inputtags-item.p-focused .p-chip-remove-icon {
+        box-shadow: dt('chip.remove.icon.focus.ring.shadow');
+        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');
+        outline-offset: dt('chip.remove.icon.focus.ring.offset');
+    }
+
+    .p-inputtags .p-inputtags-input {
+        border: 0 none;
+        outline: 0 none;
+        background-color: transparent;
+        margin-left: calc(dt('inputtext.padding.y') /2);
+        padding: calc(dt('inputtext.padding.y') /2);
+        box-shadow: none;
+        border-radius: 0;
+    }
+
+    .p-inputtags.p-invalid {
+        border-color: dt('inputtext.invalid.border.color');
+    }
+
+    .p-inputtags.p-disabled {
+        opacity: 1;
+        background: dt('inputtext.disabled.background');
+        color: dt('inputtext.disabled.color');
+    }
+
+    .p-inputtags.p-variant-filled {
+        background: dt('inputtext.filled.background');
+    }
+`,s=a({name:"inputtags",style:u,classes:{root:({props:t,context:e,attrs:i,state:n})=>{var o,d,p;return["p-inputtags p-component",{"p-invalid":t.invalid,"p-variant-filled":t.variant==="filled","p-inputtags-fluid":(o=t.fluid)!=null?o:e.$fluid,"p-inputwrapper-filled":r((p=(d=i==null?void 0:i.value)!=null?d:i==null?void 0:i.defaultValue)!=null?p:n==null?void 0:n.value),"p-disabled":t.disabled}]},item:({context:t})=>["p-inputtags-item",{"p-focused":t.focused}],input:"p-inputtags-input"}});export{s as styles};
+//# sourceMappingURL=index.mjs.map

package/inputtags/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/inputtags/InputTags.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { InputTagsInstance } from '@primereact/types/shared/inputtags';\nimport { isNotEmpty } from '@primeuix/utils';\n\nconst style = /*css*/ `\n    .p-inputtags {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        position: relative;\n        padding: calc(dt('inputtext.padding.y') /2) dt('inputtext.padding.y');\n        gap: calc(dt('inputtext.padding.y') /2);\n        color: dt('inputtext.color');\n        background: dt('inputtext.background');\n        border: 1px solid dt('inputtext.border.color');\n        transition:\n            background dt('inputtext.transition.duration'),\n            color dt('inputtext.transition.duration'),\n            border-color dt('inputtext.transition.duration'),\n            outline-color dt('inputtext.transition.duration'),\n            box-shadow dt('inputtext.transition.duration');\n        appearance: none;\n        border-radius: dt('inputtext.border.radius');\n        outline-color: transparent;\n        box-shadow: dt('inputtext.shadow');\n    }\n\n    .p-inputtags .p-inputtags-item {\n        padding-inline: dt('inputtext.padding.y');\n        padding-block: calc(dt('inputtext.padding.y') /2);\n        border-radius: dt('border.radius.sm');\n    }\n\n    .p-inputtags .p-inputtags-item .p-chip-label {\n        line-height: 1;\n    }\n\n    .p-inputtags .p-inputtags-item.p-focused {\n        background-color: light-dark(var(--p-surface-200), var(--p-surface-700));\n    }\n\n    .p-inputtags .p-inputtags-item.p-focused .p-chip-remove-icon {\n        box-shadow: dt('chip.remove.icon.focus.ring.shadow');\n        outline: dt('chip.remove.icon.focus.ring.width') dt('chip.remove.icon.focus.ring.style') dt('chip.remove.icon.focus.ring.color');\n        outline-offset: dt('chip.remove.icon.focus.ring.offset');\n    }\n\n    .p-inputtags .p-inputtags-input {\n        border: 0 none;\n        outline: 0 none;\n        background-color: transparent;\n        margin-left: calc(dt('inputtext.padding.y') /2);\n        padding: calc(dt('inputtext.padding.y') /2);\n        box-shadow: none;\n        border-radius: 0;\n    }\n\n    .p-inputtags.p-invalid {\n        border-color: dt('inputtext.invalid.border.color');\n    }\n\n    .p-inputtags.p-disabled {\n        opacity: 1;\n        background: dt('inputtext.disabled.background');\n        color: dt('inputtext.disabled.color');\n    }\n\n    .p-inputtags.p-variant-filled {\n        background: dt('inputtext.filled.background');\n    }\n`;\n\nexport const styles = createStyles<InputTagsInstance>({\n    name: 'inputtags',\n    style,\n    classes: {\n        root: ({ props, context, attrs, state }) => [\n            'p-inputtags p-component',\n            {\n                'p-invalid': props.invalid,\n                'p-variant-filled': props.variant === 'filled',\n                'p-inputtags-fluid': props.fluid ?? context.$fluid,\n                'p-inputwrapper-filled': isNotEmpty(attrs?.value ?? attrs?.defaultValue ?? state?.value),\n                'p-disabled': props.disabled\n            }\n        ],\n        item: ({ context }) => [\n            'p-inputtags-item',\n            {\n                'p-focused': context.focused\n            }\n        ],\n        input: 'p-inputtags-input'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,cAAAC,MAAkB,kBAE3B,IAAMC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoETC,EAASH,EAAgC,CAClD,KAAM,YACN,MAAAE,EACA,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,QAAAC,EAAS,MAAAC,EAAO,MAAAC,CAAM,IAAG,CA5EjD,IAAAC,EAAAC,EAAAC,EA4EoD,OACxC,0BACA,CACI,YAAaN,EAAM,QACnB,mBAAoBA,EAAM,UAAY,SACtC,qBAAqBI,EAAAJ,EAAM,QAAN,KAAAI,EAAeH,EAAQ,OAC5C,wBAAyBJ,GAAWS,GAAAD,EAAAH,GAAA,YAAAA,EAAO,QAAP,KAAAG,EAAgBH,GAAA,YAAAA,EAAO,eAAvB,KAAAI,EAAuCH,GAAA,YAAAA,EAAO,KAAK,EACvF,aAAcH,EAAM,QACxB,CACJ,GACA,KAAM,CAAC,CAAE,QAAAC,CAAQ,IAAM,CACnB,mBACA,CACI,YAAaA,EAAQ,OACzB,CACJ,EACA,MAAO,mBACX,CACJ,CAAC","names":["createStyles","isNotEmpty","style","styles","props","context","attrs","state","_a","_b","_c"]}

package/menu/Menu.style.d.ts

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

package/menu/index.d.ts

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

package/menu/index.mjs

@@ -0,0 +1,121 @@
+import{createStyles as n}from"@primereact/styles/utils";var o=`
+    /* For PrimeReact */
+    .p-menu {
+        background: dt('menu.background');
+        color: dt('menu.color');
+        border: 1px solid dt('menu.border.color');
+        border-radius: dt('menu.border.radius');
+        min-width: max-content;
+    }
+
+    .p-menu-list {
+        margin: 0;
+        padding: dt('menu.list.padding');
+        outline: 0 none;
+        list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: dt('menu.list.gap');
+    }
+
+    .p-menu:not(.p-menu-composite) .p-menu-submenu .p-menu-list {
+        padding-inline-start: 1rem;
+        padding-inline-end: 0;
+    }
+
+    .p-menu-composite .p-menu-submenu .p-menu-list {
+        position: absolute;
+        min-width: 100%;
+        z-index: 1;
+        background: dt('menu.background');
+        color: dt('menu.color');
+        border: 1px solid dt('menu.border.color');
+        border-radius: dt('menu.border.radius');
+        box-shadow: var(--p-menu-shadow);
+    }
+
+    .p-menu-item,
+    .p-menu-item-checkbox,
+    .p-menu-item-radio {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        padding: dt('menu.item.padding');
+        gap: dt('menu.item.gap');
+        user-select: none;
+        outline: 0 none;
+        transition:
+            background dt('menu.transition.duration'),
+            color dt('menu.transition.duration');
+        border-radius: dt('menu.item.border.radius');
+        color: dt('menu.item.color');
+        overflow: hidden;
+    }
+
+    .p-menu:has([role="menuitemcheckbox"]) .p-menu-item,
+    .p-menu:has([role="menuitemradio"]) .p-menu-item,
+    .p-menu:has([role="menuitemcheckbox"]) .p-menu-label,
+    .p-menu:has([role="menuitemradio"]) .p-menu-label {
+        padding-inline-start: 2.25rem;
+    }
+
+    .p-menu-item:not(.p-disabled):hover,
+    .p-menu-item-checkbox:not(.p-disabled):hover,
+    .p-menu-item-radio:not(.p-disabled):hover {
+        color: dt('menu.item.focus.color');
+        background: dt('menu.item.focus.background');
+    }
+
+    .p-menu-item.p-focus,
+    .p-menu-item-checkbox.p-focus,
+    .p-menu-item-radio.p-focus {
+        color: dt('menu.item.focus.color');
+        background: dt('menu.item.focus.background');
+    }
+
+    .p-menu-submenu-label {
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+        text-decoration: none;
+        padding: dt('menu.item.padding');
+        gap: dt('menu.item.gap');
+        user-select: none;
+        outline: 0 none;
+        transition:
+            background dt('menu.transition.duration'),
+            color dt('menu.transition.duration');
+        border-radius: dt('menu.item.border.radius');
+        color: dt('menu.item.color');
+        overflow: hidden;
+    }
+
+    .p-menu-submenu-label:not(.p-disabled):hover {
+        color: dt('menu.item.focus.color');
+        background: dt('menu.item.focus.background');
+    }
+
+    .p-menu-submenu-label.p-focus {
+        color: dt('menu.item.focus.color');
+        background: dt('menu.item.focus.background');
+    }
+
+    .p-menu-item-icon {
+        margin-left: auto;
+        color: dt('menu.item.icon.color');
+        transition: transform 0.2s;
+    }
+
+    .p-menu-label {
+        background: dt('menu.submenu.label.background');
+        padding: dt('menu.submenu.label.padding');
+        color: dt('menu.submenu.label.color');
+        font-weight: dt('menu.submenu.label.font.weight');
+    }
+
+    .p-menu-separator {
+        border-block-start: 1px solid dt('menu.separator.border.color');
+    }
+`,t=n({name:"menu",style:o,classes:{root:({props:e})=>["p-menu p-component",{"p-menu-composite":e.composite}],list:"p-menu-list",label:"p-menu-label",submenu:"p-menu-submenu",submenuLabel:({context:e})=>["p-menu-submenu-label",{"p-menu-submenu-label-active":e.active,"p-focus":e.focused,"p-disabled":e.disabled}],separator:"p-menu-separator",item:({context:e})=>["p-menu-item",{"p-focus":e.focused,"p-disabled":e.disabled}],checkboxItem:({context:e})=>["p-menu-item-checkbox",{"p-focus":e.focused,"p-disabled":e.disabled}],radioItem:({context:e})=>["p-menu-item-radio",{"p-focus":e.focused,"p-disabled":e.disabled}],trigger:"p-menu-trigger-button",icon:"p-menu-item-icon",checkboxIcon:"p-menu-checkbox-icon",radioIcon:"p-menu-radio-icon"},inlineStyles:{submenu:({props:e})=>({position:e.composite?"relative":void 0})}});export{t as styles};
+//# sourceMappingURL=index.mjs.map

package/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/menu/Menu.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { MenuInstance } from '@primereact/types/shared/menu';\n\nconst _style = /*css*/ `\n    /* For PrimeReact */\n    .p-menu {\n        background: dt('menu.background');\n        color: dt('menu.color');\n        border: 1px solid dt('menu.border.color');\n        border-radius: dt('menu.border.radius');\n        min-width: max-content;\n    }\n\n    .p-menu-list {\n        margin: 0;\n        padding: dt('menu.list.padding');\n        outline: 0 none;\n        list-style: none;\n        display: flex;\n        flex-direction: column;\n        gap: dt('menu.list.gap');\n    }\n\n    .p-menu:not(.p-menu-composite) .p-menu-submenu .p-menu-list {\n        padding-inline-start: 1rem;\n        padding-inline-end: 0;\n    }\n\n    .p-menu-composite .p-menu-submenu .p-menu-list {\n        position: absolute;\n        min-width: 100%;\n        z-index: 1;\n        background: dt('menu.background');\n        color: dt('menu.color');\n        border: 1px solid dt('menu.border.color');\n        border-radius: dt('menu.border.radius');\n        box-shadow: var(--p-menu-shadow);\n    }\n\n    .p-menu-item,\n    .p-menu-item-checkbox,\n    .p-menu-item-radio {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        padding: dt('menu.item.padding');\n        gap: dt('menu.item.gap');\n        user-select: none;\n        outline: 0 none;\n        transition:\n            background dt('menu.transition.duration'),\n            color dt('menu.transition.duration');\n        border-radius: dt('menu.item.border.radius');\n        color: dt('menu.item.color');\n        overflow: hidden;\n    }\n\n    .p-menu:has([role=\"menuitemcheckbox\"]) .p-menu-item,\n    .p-menu:has([role=\"menuitemradio\"]) .p-menu-item,\n    .p-menu:has([role=\"menuitemcheckbox\"]) .p-menu-label,\n    .p-menu:has([role=\"menuitemradio\"]) .p-menu-label {\n        padding-inline-start: 2.25rem;\n    }\n\n    .p-menu-item:not(.p-disabled):hover,\n    .p-menu-item-checkbox:not(.p-disabled):hover,\n    .p-menu-item-radio:not(.p-disabled):hover {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-item.p-focus,\n    .p-menu-item-checkbox.p-focus,\n    .p-menu-item-radio.p-focus {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-submenu-label {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        text-decoration: none;\n        padding: dt('menu.item.padding');\n        gap: dt('menu.item.gap');\n        user-select: none;\n        outline: 0 none;\n        transition:\n            background dt('menu.transition.duration'),\n            color dt('menu.transition.duration');\n        border-radius: dt('menu.item.border.radius');\n        color: dt('menu.item.color');\n        overflow: hidden;\n    }\n\n    .p-menu-submenu-label:not(.p-disabled):hover {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-submenu-label.p-focus {\n        color: dt('menu.item.focus.color');\n        background: dt('menu.item.focus.background');\n    }\n\n    .p-menu-item-icon {\n        margin-left: auto;\n        color: dt('menu.item.icon.color');\n        transition: transform 0.2s;\n    }\n\n    .p-menu-label {\n        background: dt('menu.submenu.label.background');\n        padding: dt('menu.submenu.label.padding');\n        color: dt('menu.submenu.label.color');\n        font-weight: dt('menu.submenu.label.font.weight');\n    }\n\n    .p-menu-separator {\n        border-block-start: 1px solid dt('menu.separator.border.color');\n    }\n`;\n\nexport const styles = createStyles<MenuInstance>({\n    name: 'menu',\n    style: _style,\n    classes: {\n        root: ({ props }) => [\n            'p-menu p-component',\n            {\n                'p-menu-composite': props.composite\n            }\n        ],\n        list: 'p-menu-list',\n        label: 'p-menu-label',\n        submenu: 'p-menu-submenu',\n        submenuLabel: ({ context }) => [\n            'p-menu-submenu-label',\n            {\n                'p-menu-submenu-label-active': context.active,\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        separator: 'p-menu-separator',\n        item: ({ context }) => [\n            'p-menu-item',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        checkboxItem: ({ context }) => [\n            'p-menu-item-checkbox',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        radioItem: ({ context }) => [\n            'p-menu-item-radio',\n            {\n                'p-focus': context.focused,\n                'p-disabled': context.disabled\n            }\n        ],\n        trigger: 'p-menu-trigger-button',\n        icon: 'p-menu-item-icon',\n        checkboxIcon: 'p-menu-checkbox-icon',\n        radioIcon: 'p-menu-radio-icon'\n    },\n    inlineStyles: {\n        submenu: ({ props }) => ({\n            position: props.composite ? 'relative' : undefined\n        })\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyHVC,EAASF,EAA2B,CAC7C,KAAM,OACN,MAAOC,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,qBACA,CACI,mBAAoBA,EAAM,SAC9B,CACJ,EACA,KAAM,cACN,MAAO,eACP,QAAS,iBACT,aAAc,CAAC,CAAE,QAAAC,CAAQ,IAAM,CAC3B,uBACA,CACI,8BAA+BA,EAAQ,OACvC,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,mBACX,KAAM,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACnB,cACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,aAAc,CAAC,CAAE,QAAAA,CAAQ,IAAM,CAC3B,uBACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,UAAW,CAAC,CAAE,QAAAA,CAAQ,IAAM,CACxB,oBACA,CACI,UAAWA,EAAQ,QACnB,aAAcA,EAAQ,QAC1B,CACJ,EACA,QAAS,wBACT,KAAM,mBACN,aAAc,uBACd,UAAW,mBACf,EACA,aAAc,CACV,QAAS,CAAC,CAAE,MAAAD,CAAM,KAAO,CACrB,SAAUA,EAAM,UAAY,WAAa,MAC7C,EACJ,CACJ,CAAC","names":["createStyles","_style","styles","props","context"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.8",
+  "version": "11.0.0-alpha.9",
   "author": "PrimeTek Informatics",
   "description": "",
   "homepage": "https://primereact.org/",

package/tree/Tree.style.d.ts

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

package/tree/index.d.ts

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

package/tree/index.mjs

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

package/tree/index.mjs.map

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