Merge branch 'main' of https://github.com/primefaces/primevue-tailwind

doc/common/presetdoc/index.json

@@ -46,9 +46,9 @@
   "metergroup": ".p-metergroup {\n    @apply flex gap-4\n}\n\n.p-metergroup-meters {\n    @apply flex bg-surface-200 dark:bg-surface-700 rounded-md\n}\n\n.p-metergroup-label-list {\n    @apply flex flex-wrap m-0 p-0 list-none\n}\n\n.p-metergroup-label {\n    @apply inline-flex items-center gap-2\n}\n\n.p-metergroup-label-marker {\n    @apply inline-flex w-2 h-2 rounded-full\n}\n\n.p-metergroup-label-icon {\n    @apply text-base w-4 h-4\n}\n\n.p-metergroup-horizontal {\n    @apply flex-col\n}\n\n.p-metergroup-label-list-horizontal {\n    @apply gap-4\n}\n\n.p-metergroup-horizontal .p-metergroup-meters {\n    @apply h-2\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:first-of-type {\n    @apply rounded-l-md\n}\n\n.p-metergroup-horizontal .p-metergroup-meter:last-of-type {\n    @apply rounded-r-md\n}\n\n.p-metergroup-vertical {\n    @apply flex-row\n}\n\n.p-metergroup-label-list-vertical {\n    @apply flex-col gap-2\n}\n\n.p-metergroup-vertical .p-metergroup-meters {\n    @apply flex-col w-2 h-full\n}\n\n.p-metergroup-vertical .p-metergroup-label-list {\n    @apply items-start\n}\n\n.p-metergroup-vertical .p-metergroup-meter:first-of-type {\n    @apply rounded-t-md\n}\n\n.p-metergroup-vertical .p-metergroup-meter:last-of-type {\n    @apply rounded-b-md\n}",
   "multiselect": "@import './checkbox';\n@import './chip';\n@import './inputtext';\n@import './iconfield';\n\n.p-multiselect {\n    @apply inline-flex cursor-pointer relative select-none rounded-md\n        bg-surface-0 dark:bg-surface-950\n        border border-surface-300 dark:border-surface-700\n        shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]\n        transition-colors duration-200\n}\n\n.p-multiselect:not(.p-disabled):hover {\n    @apply border-surface-400 dark:border-surface-600\n}\n\n.p-multiselect:not(.p-disabled).p-focus {\n    @apply border-primary\n}\n\n.p-multiselect.p-variant-filled {\n    @apply bg-surface-50 dark:bg-surface-800\n}\n\n.p-multiselect.p-invalid {\n    @apply border-red-400 dark:border-red-300\n}\n\n.p-multiselect.p-disabled {\n    @apply bg-surface-200 text-surface-500 dark:bg-surface-700 dark:text-surface-400 opacity-100 cursor-default\n}\n\n.p-multiselect-dropdown {\n    @apply flex items-center justify-center shrink-0 bg-transparent\n        text-surface-500 dark:text-surface-400 w-10 rounded-e-md\n}\n\n.p-multiselect-label-container {\n    @apply overflow-hidden flex-auto\n}\n\n.p-multiselect-label {\n    @apply flex items-center gap-1 whitespace-nowrap overflow-hidden text-ellipsis px-3 py-2 text-surface-700 dark:text-surface-0\n}\n\n.p-multiselect-label.p-placeholder {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-multiselect.p-disabled .p-multiselect-label {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-multiselect-label-empty {\n    @apply overflow-hidden opacity-0\n}\n\n.p-multiselect .p-multiselect-overlay {\n    @apply min-w-full\n}\n\n.p-multiselect-overlay {\n    @apply absolute top-0 left-0 rounded-md\n        bg-surface-0 dark:bg-surface-900\n        border border-surface-200 dark:border-surface-700\n        text-surface-700 dark:text-surface-0\n        shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n}\n\n.p-multiselect-header {\n    @apply flex items-center pt-2 pb-1 px-4\n}\n\n.p-multiselect-header .p-checkbox {\n    @apply me-2\n}\n\n.p-multiselect-filter-container {\n    @apply flex-auto\n}\n\n.p-multiselect-filter {\n    @apply w-full\n}\n\n.p-multiselect-list-container {\n    @apply overflow-auto\n}\n\n.p-multiselect-list {\n    @apply m-0 p-1 list-none gap-[2px] flex flex-col\n}\n\n.p-multiselect-option {\n    @apply cursor-pointer font-normal whitespace-nowrap relative overflow-hidden flex items-center gap-2 px-3 py-2\n        rounded-sm text-surface-700 dark:text-surface-0 bg-transparent border-none\n        transition-colors duration-200\n}\n\n.p-multiselect-option:not(.p-disabled).p-focus {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-600 dark:text-surface-0\n}\n\n.p-multiselect-option-group {\n    @apply m-0 px-3 py-2 bg-transparent text-surface-500 dark:text-surface-400 font-semibold\n}\n\n.p-multiselect-empty-message {\n    @apply px-3 py-2\n}\n\n.p-multiselect-label .p-chip {\n    @apply py-1 rounded-sm\n}\n\n.p-multiselect-label:has(.p-chip) {\n    @apply py-1 px-[0.375rem]\n}\n\n.p-multiselect-fluid {\n    @apply flex\n}\n",
   "orderlist": "@import './button';\n@import './listbox';\n\n.p-orderlist {\n    @apply flex gap-[1.125rem]\n}\n\n.p-orderlist-controls {\n    @apply flex flex-col justify-center gap-2\n}",
-  "organizationchart": ".p-organizationchart-table {\n    @apply border-spacing-0 border-separate my-0 mx-auto\n}\n\n.p-organizationchart-table > tbody > tr > td {\n    @apply text-center align-top py-0 px-3\n}\n\n.p-organizationchart-node {\n    @apply inline-block relative py-3 px-4 rounded-md\n        border border-surface-200 dark:border-surface-700\n        bg-surface-0 dark:bg-surface-900 \n        text-surface-700 dark:text-surface-0\n        transition-colors duration-200\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n    @apply pt-3 px-4 pb-5\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n    @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-organizationchart-node-selected {\n    @apply bg-highlight\n}\n\n.p-organizationchart-node-toggle-button {\n    @apply absolute -bottom-3 -ml-3 z-20 left-1/2 select-none cursor-pointer w-6 h-6 no-underline rounded-full\n        inline-flex items-center justify-center transition-colors duration-200 \n        border border-surface-200 dark:border-surface-700\n        bg-surface-0 text-surface-500 hover:bg-surface-100 hover:text-surface-700 \n        dark:bg-surface-900 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-0 \n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n.p-organizationchart-node-toggle-button-icon {\n    @apply relative top-px\n}\n\n.p-organizationchart-connector-down {\n    @apply my-0 mx-auto h-6 w-px bg-surface-200 dark:bg-surface-700\n}\n\n.p-organizationchart-connector-right {\n    @apply rounded-none\n}\n\n.p-organizationchart-connector-left {\n    @apply rounded-none border-r border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-connector-top {\n    @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-node-selectable {\n    @apply cursor-pointer\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n    @apply border-r-0\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n    @apply rounded-tr-md\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n    @apply border-l border-surface-200 dark:border-surface-700 rounded-tl-md\n}",
+  "organizationchart": ".p-organizationchart-table {\n    @apply border-spacing-0 border-separate my-0 mx-auto\n}\n\n.p-organizationchart-table > tbody > tr > td {\n    @apply text-center align-top py-0 px-3\n}\n\n.p-organizationchart-node {\n    @apply inline-block relative py-3 px-4 rounded-md\n        border border-surface-200 dark:border-surface-700\n        bg-surface-0 dark:bg-surface-900\n        text-surface-700 dark:text-surface-0\n        transition-colors duration-200\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n    @apply pt-3 px-4 pb-5\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n    @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-organizationchart-node-selected {\n    @apply bg-highlight\n}\n\n.p-organizationchart-node-toggle-button {\n    @apply absolute -bottom-3 -ms-3 z-20 start-1/2 select-none cursor-pointer w-6 h-6 no-underline rounded-full\n        inline-flex items-center justify-center transition-colors duration-200\n        border border-surface-200 dark:border-surface-700\n        bg-surface-0 text-surface-500 hover:bg-surface-100 hover:text-surface-700\n        dark:bg-surface-900 dark:text-surface-400 dark:hover:bg-surface-800 dark:hover:text-surface-0\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n.p-organizationchart-node-toggle-button-icon {\n    @apply relative top-px\n}\n\n.p-organizationchart-connector-down {\n    @apply my-0 mx-auto h-6 w-px bg-surface-200 dark:bg-surface-700\n}\n\n.p-organizationchart-connector-right {\n    @apply rounded-none\n}\n\n.p-organizationchart-connector-left {\n    @apply rounded-none border-e border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-connector-top {\n    @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-organizationchart-node-selectable {\n    @apply cursor-pointer\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n    @apply border-e-0\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n    @apply rounded-se-md\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n    @apply border-s border-surface-200 dark:border-surface-700 rounded-ss-md\n}\n",
   "overlaybadge": "@import './badge';\n\n.p-overlaybadge {\n    @apply relative\n}\n\n.p-overlaybadge .p-badge {\n    @apply absolute top-0 right-0 translate-x-[50%] translate-y-[-50%] origin-[100%_0] m-0 outline outline-2 outline-surface-0 dark:outline-surface-900\n}",
-  "paginator": ".p-paginator {\n    @apply flex items-center justify-center flex-wrap py-2 px-4 rounded-md gap-1\n        bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-paginator-content {\n    @apply flex items-center justify-center flex-wrap gap-1\n}\n\n.p-paginator-content-start {\n    @apply ms-auto\n}\n\n.p-paginator-content-end {\n    @apply me-auto\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev {\n    @apply cursor-pointer inline-flex items-center justify-center leading-none overflow-hidden relative \n        bg-transparent border-none min-w-10 h-10 transition-colors duration-200 rounded-full p-0 m-0\n        text-surface-500 dark:text-surface-400\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,\n.p-paginator-first:not(.p-disabled):hover,\n.p-paginator-prev:not(.p-disabled):hover,\n.p-paginator-next:not(.p-disabled):hover,\n.p-paginator-last:not(.p-disabled):hover {\n    @apply bg-surface-100 text-surface-600 dark:bg-surface-800 dark:text-surface-300\n}\n\n.p-paginator-page.p-paginator-page-selected {\n    @apply bg-highlight\n}\n\n.p-paginator-current {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-paginator-pages {\n    @apply flex items-center gap-1\n}\n\n.p-paginator-jtp-input .p-inputtext {\n    @apply max-w-10\n}",
+  "paginator": ".p-paginator {\n    @apply flex items-center justify-center flex-wrap py-2 px-4 rounded-md gap-1\n        bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-paginator-content {\n    @apply flex items-center justify-center flex-wrap gap-1\n}\n\n.p-paginator-content-start {\n    @apply ms-auto\n}\n\n.p-paginator-content-end {\n    @apply me-auto\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev {\n    @apply cursor-pointer inline-flex items-center justify-center leading-none overflow-hidden relative\n        bg-transparent border-none min-w-10 h-10 transition-colors duration-200 rounded-full p-0 m-0\n        text-surface-500 dark:text-surface-400\n        focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover,\n.p-paginator-first:not(.p-disabled):hover,\n.p-paginator-prev:not(.p-disabled):hover,\n.p-paginator-next:not(.p-disabled):hover,\n.p-paginator-last:not(.p-disabled):hover {\n    @apply bg-surface-100 text-surface-600 dark:bg-surface-800 dark:text-surface-300\n}\n\n.p-paginator-page.p-paginator-page-selected {\n    @apply bg-highlight\n}\n\n.p-paginator-current {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-paginator-pages {\n    @apply flex items-center gap-1\n}\n\n.p-paginator-jtp-input .p-inputtext {\n    @apply max-w-10\n}\n\n.p-paginator-first:dir(rtl) {\n    @apply order-2\n}\n.p-paginator-prev:dir(rtl) {\n    @apply order-1\n}\n.p-paginator-next:dir(rtl) {\n    @apply order-[-1]\n}\n.p-paginator-last:dir(rtl) {\n    @apply order-[-2]\n}\n",
   "panel": "@import './button';\n\n.p-panel {\n    @apply border border-surface-200 dark:border-surface-700 rounded-md\n        bg-surface-0 dark:bg-surface-900\n        text-surface-700 dark:text-surface-0\n}\n\n.p-panel-header {\n    @apply flex justify-between items-center p-[1.125rem]\n}\n\n.p-panel-toggleable .p-panel-header {\n    @apply py-[0.375rem] px-[1.125rem]\n}\n\n.p-panel-title {\n    @apply leading-none font-semibold\n}\n\n.p-panel-content {\n    @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}\n\n.p-panel-footer {\n    @apply pt-0 pb-[1.125rem] px-[1.125rem] \n}",
   "panelmenu": ".p-panelmenu {\n    @apply flex flex-col gap-2\n}\n\n.p-panelmenu-panel {\n    @apply bg-surface-0 dark:bg-surface-900 rounded-md p-1\n        border border-surface-200 dark:border-surface-700\n        text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-header {\n    @apply outline-none\n}\n\n.p-panelmenu-header-content {\n    @apply rounded-md transition-colors duration-200 text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-header-link {\n    @apply flex items-center gap-2 px-3 py-2 select-none cursor-pointer relative no-underline text-inherit\n}\n\n.p-panelmenu-header-icon,\n.p-panelmenu-item-icon {\n    @apply text-surface-400 dark:text-surface-500\n}\n\n.p-panelmenu-submenu-icon {\n    @apply text-surface-400 dark:text-surface-500\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-header-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content .p-panelmenu-submenu-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-header-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-header:not(.p-disabled) .p-panelmenu-header-content:hover .p-panelmenu-submenu-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-submenu {\n    @apply m-0 py-0 ps-4 outline-none list-none\n}\n\n.p-panelmenu-item-link {\n    @apply flex items-center gap-2 px-3 py-2 select-none cursor-pointer no-underline text-inherit relative overflow-hidden\n}\n\n.p-panelmenu-item-content {\n    @apply rounded-md transition-colors duration-200 text-surface-700 dark:text-surface-0\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-item-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item.p-focus > .p-panelmenu-item-content .p-panelmenu-submenu-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover {\n    @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-item-icon {\n    @apply text-surface-500 dark:text-surface-400\n}\n\n.p-panelmenu-item:not(.p-disabled) > .p-panelmenu-item-content:hover .p-panelmenu-submenu-icon {\n    @apply text-surface-500 dark:text-surface-400\n}",
   "password": "@import './inputtext';\n\n.p-password {\n    @apply inline-flex relative\n}\n\n.p-password .p-password-overlay {\n    @apply min-w-full\n}\n\n.p-password-meter {\n    @apply h-3 bg-surface-200 dark:bg-surface-700 rounded-md\n}\n\n.p-password-meter-label {\n    @apply h-full w-0 transition-[width] duration-1000 ease-in-out rounded-md\n}\n\n.p-password-meter-weak {\n    @apply bg-red-500 dark:bg-red-400\n}\n\n.p-password-meter-medium {\n    @apply bg-amber-500 dark:bg-amber-400\n}\n\n.p-password-meter-strong {\n    @apply bg-green-500 dark:bg-green-400\n}\n\n.p-password-fluid {\n    @apply flex\n}\n\n.p-password-fluid .p-password-input {\n    @apply w-full\n}\n\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    @apply hidden\n}\n\n.p-password-overlay {\n    @apply p-3 rounded-md bg-surface-0 dark:bg-surface-900\n        border border-surface-200 dark:border-surface-700\n        text-surface-700 dark:text-surface-0\n        shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n}\n\n.p-password-content {\n    @apply flex flex-col gap-2\n}\n\n.p-password-toggle-mask-icon {\n    @apply end-3 text-surface-500 dark:text-surface-400 absolute top-1/2 -mt-2 w-4 h-4\n}\n\n.p-password:has(.p-password-toggle-mask-icon) .p-password-input {\n    @apply pe-10\n}\n",