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

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/listbox/Listbox.style.d.ts

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

package/listbox/index.d.ts

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

package/listbox/index.mjs

@@ -0,0 +1,22 @@
+import{createStyles as i}from"@primereact/styles/utils";import{style as s}from"@primeuix/styles/listbox";var l=`
+    ${s}
+
+    /* For PrimeReact */
+    .p-listbox-selection {
+        /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */
+        margin-inline-end: dt('listbox.checkmark.gutter.end');
+    }
+
+    .p-listbox-list {
+        overflow: auto;
+    }
+
+    .p-listbox-option {
+        flex-shrink: 0;
+    }
+
+    .p-listbox-empty-message {
+        display: flex;
+    }
+`,r=i({name:"listbox",style:l,classes:{root:({props:t})=>["p-listbox p-component",{"p-listbox-striped":t.striped,"p-disabled":t.disabled,"p-listbox-fluid":t.fluid,"p-invalid":t.invalid}],header:"p-listbox-header",footer:"p-listbox-footer",pcFilter:"p-listbox-filter",list:"p-listbox-list",optionGroup:"p-listbox-option-group",option:({props:t,state:e,context:o})=>["p-listbox-option",{"p-listbox-option-selected":o.selected&&!(t.checkbox||t.checkmark),"p-focus":e.focusedOptionIndex===o.index,"p-disabled":o.disabled}],selection:"p-listbox-selection",optionCheckIcon:"p-listbox-option-check-icon",optionBlankIcon:"p-listbox-option-blank-icon",empty:"p-listbox-empty-message"}});export{r as styles};
+//# sourceMappingURL=index.mjs.map

package/listbox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/listbox/Listbox.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ListboxInstance } from '@primereact/types/shared/listbox';\nimport { style } from '@primeuix/styles/listbox';\n\nconst _style = /*css*/ `\n    ${style}\n\n    /* For PrimeReact */\n    .p-listbox-selection {\n        /* margin-inline-start: dt('listbox.checkmark.gutter.start'); */\n        margin-inline-end: dt('listbox.checkmark.gutter.end');\n    }\n\n    .p-listbox-list {\n        overflow: auto;\n    }\n\n    .p-listbox-option {\n        flex-shrink: 0;\n    }\n\n    .p-listbox-empty-message {\n        display: flex;\n    }\n`;\n\nexport const styles = createStyles<ListboxInstance>({\n    name: 'listbox',\n    style: _style,\n    classes: {\n        root: ({ props }) => [\n            'p-listbox p-component',\n            {\n                'p-listbox-striped': props.striped,\n                'p-disabled': props.disabled,\n                'p-listbox-fluid': props.fluid,\n                'p-invalid': props.invalid\n            }\n        ],\n        header: 'p-listbox-header',\n        footer: 'p-listbox-footer',\n        pcFilter: 'p-listbox-filter',\n        list: 'p-listbox-list',\n        optionGroup: 'p-listbox-option-group',\n        option: ({ props, state, context }) => {\n            return [\n                'p-listbox-option',\n                {\n                    'p-listbox-option-selected': context.selected && !(props.checkbox || props.checkmark),\n                    'p-focus': state.focusedOptionIndex === context.index,\n                    'p-disabled': context.disabled\n                }\n            ];\n        },\n        selection: 'p-listbox-selection',\n        optionCheckIcon: 'p-listbox-option-check-icon',\n        optionBlankIcon: 'p-listbox-option-blank-icon',\n        empty: 'p-listbox-empty-message'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,2BAEtB,IAAMC,EAAiB;AAAA,MACjBD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBEE,EAASH,EAA8B,CAChD,KAAM,UACN,MAAOE,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,CAAM,IAAM,CACjB,wBACA,CACI,oBAAqBA,EAAM,QAC3B,aAAcA,EAAM,SACpB,kBAAmBA,EAAM,MACzB,YAAaA,EAAM,OACvB,CACJ,EACA,OAAQ,mBACR,OAAQ,mBACR,SAAU,mBACV,KAAM,iBACN,YAAa,yBACb,OAAQ,CAAC,CAAE,MAAAA,EAAO,MAAAC,EAAO,QAAAC,CAAQ,IACtB,CACH,mBACA,CACI,4BAA6BA,EAAQ,UAAY,EAAEF,EAAM,UAAYA,EAAM,WAC3E,UAAWC,EAAM,qBAAuBC,EAAQ,MAChD,aAAcA,EAAQ,QAC1B,CACJ,EAEJ,UAAW,sBACX,gBAAiB,8BACjB,gBAAiB,8BACjB,MAAO,yBACX,CACJ,CAAC","names":["createStyles","style","_style","styles","props","state","context"]}

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/orgchart/OrgChart.style.d.ts

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

package/orgchart/index.d.ts

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

package/orgchart/index.mjs

@@ -0,0 +1,185 @@
+import{createStyles as t}from"@primereact/styles/utils";import{style as r}from"@primeuix/styles/organizationchart";var a=`
+${r}
+
+.p-orgchart{
+    width: 100%;
+    overflow: auto;
+    padding: 1rem 0;
+}
+
+.p-orgchart-subtree{
+    position: relative;
+    display: flex;
+    padding-inline-start: 0;
+    margin: 0;
+    padding-top: calc(var(--gap-y) * 1px * 2/3);
+    gap: calc(var(--gap-x) * 1px);
+}
+
+.p-orgchart-subtree-root{
+    padding-top: 0;
+}
+
+.p-orgchart-subtree-root::before {
+    content: none !important;
+}
+
+.p-orgchart-subtree::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    height: calc(var(--gap-y) * 1px * 2/3);
+    box-sizing: border-box;
+    left: calc(50% - 1px / 2);
+    width: 0;
+    border-left: 1px solid dt('organizationchart.connector.color');
+}
+
+.p-orgchart-tree {
+    flex-shrink: 0;
+    text-align: center;
+    list-style-type: none;
+    margin: 0 auto;
+    position: relative;
+    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;
+}
+
+.p-orgchart-tree::before,
+.p-orgchart-tree::after {
+    content: "";
+    position: absolute;
+    height: calc(var(--gap-y) * 1px * 1/3);
+    width: calc(50% + calc(var(--gap-x) / 2 * 1px));
+    top: 0;
+    right: 50%;
+    border-top: 1px solid dt('organizationchart.connector.color');
+    box-sizing: border-box;
+}
+
+.p-orgchart-tree::after {
+    left: 50%;
+    border-left: 1px solid dt('organizationchart.connector.color');
+}
+
+.p-orgchart-tree:only-of-type {
+    padding: 0;
+}
+
+.p-orgchart-tree:only-of-type::before,
+.p-orgchart-tree:only-of-type::after {
+    display: none;
+}
+
+.p-orgchart-tree:first-of-type::before {
+    border: none;
+}
+
+.p-orgchart-tree:first-of-type::after {
+    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;
+}
+
+.p-orgchart-tree:last-of-type::before {
+    border-right: 1px solid dt('organizationchart.connector.color');
+    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;
+}
+
+.p-orgchart-tree:last-of-type::after {
+    border: 0 none;
+}
+
+.p-orgchart-node {
+    position: relative;
+    min-width: 4rem;
+    width: fit-content;
+    margin: 0 auto;
+    background: dt('organizationchart.node.background');
+    border: 1px solid dt('organizationchart.node.border.color');
+    border-radius: dt('organizationchart.node.border.radius');
+    color: dt('organizationchart.node.color');
+    transition:
+        background dt('organizationchart.transition.duration'),
+        border-color dt('organizationchart.transition.duration'),
+        color dt('organizationchart.transition.duration'),
+        box-shadow dt('organizationchart.transition.duration');
+}
+
+.p-orgchart-node-content{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: dt('organizationchart.node.padding');
+}
+
+.p-orgchart-node[data-selectable="true"]:not([data-selected="true"]):hover {
+    background: dt('organizationchart.node.hover.background');
+    color: dt('organizationchart.node.hover.color');
+}
+
+.p-orgchart-node[data-selectable="true"][data-selected="true"] {
+    background: dt('organizationchart.node.selected.background');
+    color: dt('organizationchart.node.selected.color');
+}
+
+.p-orgchart-node[data-selectable="true"] {
+    cursor: pointer;
+    user-select: none;
+}
+
+.p-orgchart-collapse-button{
+    pointer-events: auto;
+    padding: 0.1rem 0.3rem;
+    gap: 0.2rem;
+    position: absolute;
+    z-index:2;
+    font-size: 0.75rem;
+    bottom: 0;
+    left: 50%;
+    transform: translateX(-50%) translateY(50%);
+    cursor: pointer;
+    user-select: none;
+    background: dt('organizationchart.node.toggle.button.background');
+    color: dt('organizationchart.node.toggle.button.color');
+    border-radius: 99999px;
+    border: 1px solid dt('organizationchart.node.toggle.button.border.color');
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    outline-color: transparent;
+    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+    transition:
+        background dt('organizationchart.transition.duration'),
+        color dt('organizationchart.transition.duration'),
+        border-color dt('organizationchart.transition.duration'),
+        outline-color dt('organizationchart.transition.duration'),
+        box-shadow dt('organizationchart.transition.duration');
+}
+
+.p-orgchart-node[data-collapsible="true"][data-collapsed="false"] .p-orgchart-collapse-button{
+    bottom: 0;
+    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));
+}
+
+.p-orgchart-node: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-orgchart-collapse-button:hover {
+    background: dt('organizationchart.node.toggle.button.hover.background');
+    color: dt('organizationchart.node.toggle.button.hover.color');
+}
+
+.p-orgchart-collapse-button: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-orgchart-collapse-button > svg{
+    width: 0.65rem !important;
+    height: 0.65rem !important;
+}
+
+`,i=t({name:"organizationchart",style:a,classes:{root:"p-orgchart p-component",tree:"p-orgchart-tree",subtree:({context:o})=>["p-orgchart-subtree",{"p-orgchart-subtree-root":o==null?void 0:o.root}],node:"p-orgchart-node",nodeContent:"p-orgchart-node-content",collapseButton:"p-orgchart-collapse-button"}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/orgchart/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/orgchart/OrgChart.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { OrgChartInstance } from '@primereact/types/shared/orgchart';\nimport { style } from '@primeuix/styles/organizationchart';\n\nconst theme = `\n${style}\n\n.p-orgchart{\n    width: 100%;\n    overflow: auto;\n    padding: 1rem 0;\n}\n\n.p-orgchart-subtree{\n    position: relative;\n    display: flex;\n    padding-inline-start: 0;\n    margin: 0;\n    padding-top: calc(var(--gap-y) * 1px * 2/3);\n    gap: calc(var(--gap-x) * 1px);\n}\n\n.p-orgchart-subtree-root{\n    padding-top: 0;\n}\n\n.p-orgchart-subtree-root::before {\n    content: none !important;\n}\n\n.p-orgchart-subtree::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    height: calc(var(--gap-y) * 1px * 2/3);\n    box-sizing: border-box;\n    left: calc(50% - 1px / 2);\n    width: 0;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree {\n    flex-shrink: 0;\n    text-align: center;\n    list-style-type: none;\n    margin: 0 auto;\n    position: relative;\n    padding: calc(var(--gap-y) * 1px * 1/3) 0 0 0;\n}\n\n.p-orgchart-tree::before,\n.p-orgchart-tree::after {\n    content: \"\";\n    position: absolute;\n    height: calc(var(--gap-y) * 1px * 1/3);\n    width: calc(50% + calc(var(--gap-x) / 2 * 1px));\n    top: 0;\n    right: 50%;\n    border-top: 1px solid dt('organizationchart.connector.color');\n    box-sizing: border-box;\n}\n\n.p-orgchart-tree::after {\n    left: 50%;\n    border-left: 1px solid dt('organizationchart.connector.color');\n}\n\n.p-orgchart-tree:only-of-type {\n    padding: 0;\n}\n\n.p-orgchart-tree:only-of-type::before,\n.p-orgchart-tree:only-of-type::after {\n    display: none;\n}\n\n.p-orgchart-tree:first-of-type::before {\n    border: none;\n}\n\n.p-orgchart-tree:first-of-type::after {\n    border-radius: dt('organizationchart.connector.border.radius') 0 0 0;\n}\n\n.p-orgchart-tree:last-of-type::before {\n    border-right: 1px solid dt('organizationchart.connector.color');\n    border-radius: 0 dt('organizationchart.connector.border.radius') 0 0;\n}\n\n.p-orgchart-tree:last-of-type::after {\n    border: 0 none;\n}\n\n.p-orgchart-node {\n    position: relative;\n    min-width: 4rem;\n    width: fit-content;\n    margin: 0 auto;\n    background: dt('organizationchart.node.background');\n    border: 1px solid dt('organizationchart.node.border.color');\n    border-radius: dt('organizationchart.node.border.radius');\n    color: dt('organizationchart.node.color');\n    transition:\n        background dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node-content{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: dt('organizationchart.node.padding');\n}\n\n.p-orgchart-node[data-selectable=\"true\"]:not([data-selected=\"true\"]):hover {\n    background: dt('organizationchart.node.hover.background');\n    color: dt('organizationchart.node.hover.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"][data-selected=\"true\"] {\n    background: dt('organizationchart.node.selected.background');\n    color: dt('organizationchart.node.selected.color');\n}\n\n.p-orgchart-node[data-selectable=\"true\"] {\n    cursor: pointer;\n    user-select: none;\n}\n\n.p-orgchart-collapse-button{\n    pointer-events: auto;\n    padding: 0.1rem 0.3rem;\n    gap: 0.2rem;\n    position: absolute;\n    z-index:2;\n    font-size: 0.75rem;\n    bottom: 0;\n    left: 50%;\n    transform: translateX(-50%) translateY(50%);\n    cursor: pointer;\n    user-select: none;\n    background: dt('organizationchart.node.toggle.button.background');\n    color: dt('organizationchart.node.toggle.button.color');\n    border-radius: 99999px;\n    border: 1px solid dt('organizationchart.node.toggle.button.border.color');\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n    transition:\n        background dt('organizationchart.transition.duration'),\n        color dt('organizationchart.transition.duration'),\n        border-color dt('organizationchart.transition.duration'),\n        outline-color dt('organizationchart.transition.duration'),\n        box-shadow dt('organizationchart.transition.duration');\n}\n\n.p-orgchart-node[data-collapsible=\"true\"][data-collapsed=\"false\"] .p-orgchart-collapse-button{\n    bottom: 0;\n    transform: translateX(-50%) translateY(calc(50% + calc(var(--gap-y) / 2 * 1px * 2/3)));\n}\n\n.p-orgchart-node: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-orgchart-collapse-button:hover {\n    background: dt('organizationchart.node.toggle.button.hover.background');\n    color: dt('organizationchart.node.toggle.button.hover.color');\n}\n\n.p-orgchart-collapse-button: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-orgchart-collapse-button > svg{\n    width: 0.65rem !important;\n    height: 0.65rem !important;\n}\n\n`;\n\nexport const styles = createStyles<OrgChartInstance>({\n    name: 'organizationchart',\n    style: theme,\n    classes: {\n        root: 'p-orgchart p-component',\n        tree: 'p-orgchart-tree',\n        subtree: ({ context }) => [\n            'p-orgchart-subtree',\n            {\n                'p-orgchart-subtree-root': context?.root\n            }\n        ],\n        node: 'p-orgchart-node',\n        nodeContent: 'p-orgchart-node-content',\n        collapseButton: 'p-orgchart-collapse-button'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,qCAEtB,IAAMC,EAAQ;AAAA,EACZD,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwLME,EAASH,EAA+B,CACjD,KAAM,oBACN,MAAOE,EACP,QAAS,CACL,KAAM,yBACN,KAAM,kBACN,QAAS,CAAC,CAAE,QAAAE,CAAQ,IAAM,CACtB,qBACA,CACI,0BAA2BA,GAAA,YAAAA,EAAS,IACxC,CACJ,EACA,KAAM,kBACN,YAAa,0BACb,eAAgB,4BACpB,CACJ,CAAC","names":["createStyles","style","theme","styles","context"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primereact/styles",
-  "version": "11.0.0-alpha.7",
+  "version": "11.0.0-alpha.9",
   "author": "PrimeTek Informatics",
   "description": "",
   "homepage": "https://primereact.org/",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@primeuix/styled": "^0.7.4",
-    "@primeuix/utils": "^0.6.1",
-    "@primeuix/styles": "^1.2.5"
+    "@primeuix/utils": "^0.6.2",
+    "@primeuix/styles": "^1"
   }
 }

package/password/Password.style.d.ts

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

package/password/index.d.ts

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

package/password/index.mjs

@@ -0,0 +1,31 @@
+import{createStyles as p}from"@primereact/styles/utils";import{style as t}from"@primeuix/styles/password";import{isNotEmpty as r}from"@primeuix/utils";var o=`
+${t}
+
+.p-password:has(.p-password-strength) {
+    flex-direction: column;
+}
+
+.p-password-strength {
+    display: flex;
+    flex-direction: row;
+    padding-block: 1rem;
+    gap: 0.5rem;
+    width: 100%;
+}
+
+.p-password-meter {
+    flex: 1;
+    transition: all 0.3s;
+}
+
+.p-password-strength .p-password-meter {
+    height: 0.5rem;
+    min-width: 2rem;
+}
+
+.p-password:has(.p-password-strength) .p-password-meter {
+    width: 100%;
+    height: 0.5rem;
+}
+`,i=p({name:"password",style:o,classes:{root:({props:s,instance:e})=>["p-password p-component p-inputwrapper",{"p-inputwrapper-filled":r(s.value)||r(s.defaultValue),"p-inputwrapper-focus":e.state.focused,"p-password-fluid":s.fluid}],input:"p-password-input",strength:"p-password-strength",meter:"p-password-meter",panel:"p-password-overlay",clearIcon:"p-password-clear-icon"}});export{i as styles};
+//# sourceMappingURL=index.mjs.map

package/password/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/password/Password.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { PasswordInstance } from '@primereact/types/shared/password';\nimport { style } from '@primeuix/styles/password';\nimport { isNotEmpty } from '@primeuix/utils';\n\nconst theme = `\n${style}\n\n.p-password:has(.p-password-strength) {\n    flex-direction: column;\n}\n\n.p-password-strength {\n    display: flex;\n    flex-direction: row;\n    padding-block: 1rem;\n    gap: 0.5rem;\n    width: 100%;\n}\n\n.p-password-meter {\n    flex: 1;\n    transition: all 0.3s;\n}\n\n.p-password-strength .p-password-meter {\n    height: 0.5rem;\n    min-width: 2rem;\n}\n\n.p-password:has(.p-password-strength) .p-password-meter {\n    width: 100%;\n    height: 0.5rem;\n}\n`;\n\nexport const styles = createStyles<PasswordInstance>({\n    name: 'password',\n    style: theme,\n    classes: {\n        root: ({ props, instance }) => [\n            'p-password p-component p-inputwrapper',\n            {\n                'p-inputwrapper-filled': isNotEmpty(props.value) || isNotEmpty(props.defaultValue),\n                'p-inputwrapper-focus': instance.state.focused,\n                'p-password-fluid': props.fluid\n            }\n        ],\n        input: 'p-password-input',\n        strength: 'p-password-strength',\n        meter: 'p-password-meter',\n        panel: 'p-password-overlay',\n        clearIcon: 'p-password-clear-icon'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAE7B,OAAS,SAAAC,MAAa,4BACtB,OAAS,cAAAC,MAAkB,kBAE3B,IAAMC,EAAQ;AAAA,EACZF,CAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BMG,EAASJ,EAA+B,CACjD,KAAM,WACN,MAAOG,EACP,QAAS,CACL,KAAM,CAAC,CAAE,MAAAE,EAAO,SAAAC,CAAS,IAAM,CAC3B,wCACA,CACI,wBAAyBJ,EAAWG,EAAM,KAAK,GAAKH,EAAWG,EAAM,YAAY,EACjF,uBAAwBC,EAAS,MAAM,QACvC,mBAAoBD,EAAM,KAC9B,CACJ,EACA,MAAO,mBACP,SAAU,sBACV,MAAO,mBACP,MAAO,qBACP,UAAW,uBACf,CACJ,CAAC","names":["createStyles","style","isNotEmpty","theme","styles","props","instance"]}

package/toast/index.mjs

@@ -1,4 +1,4 @@
-import{createStyles as t}from"@primereact/styles/utils";var s=`
+import{createStyles as t}from"@primereact/styles/utils";var o=`
     
-`,o=t({name:"toast",style:s,classes:{}});export{o as styles};
+`,e=t({name:"toast",style:o,classes:{region:"p-toast-region",title:"p-toast-title",item:"p-toast",icon:"p-toast-icon",description:"p-toast-description",close:"p-toast-close",action:"p-toast-action"}});export{e as styles};
 //# sourceMappingURL=index.mjs.map

package/toast/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastInstance } from '@primereact/types/shared/toast';\n\nconst style = `\n    \n`;\n\nexport const styles = createStyles<ToastInstance>({\n    name: 'toast',\n    style,\n    classes: {}\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA,EAIDC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CAAC,CACd,CAAC","names":["createStyles","style","styles"]}
+{"version":3,"sources":["../../src/toast/Toast.style.ts"],"sourcesContent":["import { createStyles } from '@primereact/styles/utils';\nimport type { ToastInstance } from '@primereact/types/shared/toast';\n\nconst style = `\n    \n`;\n\nexport const styles = createStyles<ToastInstance>({\n    name: 'toast',\n    style,\n    classes: {\n        region: 'p-toast-region',\n        title: 'p-toast-title',\n        item: 'p-toast',\n        icon: 'p-toast-icon',\n        description: 'p-toast-description',\n        close: 'p-toast-close',\n        action: 'p-toast-action'\n    }\n});\n"],"mappings":"AAAA,OAAS,gBAAAA,MAAoB,2BAG7B,IAAMC,EAAQ;AAAA;AAAA,EAIDC,EAASF,EAA4B,CAC9C,KAAM,QACN,MAAAC,EACA,QAAS,CACL,OAAQ,iBACR,MAAO,gBACP,KAAM,UACN,KAAM,eACN,YAAa,sBACb,MAAO,gBACP,OAAQ,gBACZ,CACJ,CAAC","names":["createStyles","style","styles"]}

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"]}