From 8492eab1a165c1df0b2586b9819be9c60687d8d2 Mon Sep 17 00:00:00 2001 From: GitHub Actions Bot <> Date: Fri, 8 Nov 2024 06:07:00 +0000 Subject: [PATCH] Update API doc --- doc/common/presetdoc/index.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/doc/common/presetdoc/index.json b/doc/common/presetdoc/index.json index a95bc743..5fcb945a 100644 --- a/doc/common/presetdoc/index.json +++ b/doc/common/presetdoc/index.json @@ -16,13 +16,13 @@ "common": ".p-connected-overlay-enter-from {\n @apply opacity-0 scale-y-75\n}\n\n.p-connected-overlay-leave-to {\n @apply opacity-0\n}\n\n.p-connected-overlay-enter-active {\n @apply transition-[opacity,transform] duration-150 ease-[cubic-bezier(0,0,0.2,1)]\n}\n\n.p-connected-overlay-leave-active {\n @apply transition-opacity duration-100 ease-linear\n}\n\n.p-toggleable-content-enter-from,\n.p-toggleable-content-leave-to {\n @apply max-h-0\n}\n\n.p-toggleable-content-enter-to,\n.p-toggleable-content-leave-from {\n @apply max-h-[1000px]\n}\n\n.p-toggleable-content-leave-active {\n @apply overflow-hidden transition-[max-height] animate-duration-[450ms] ease-[cubic-bezier(0,1,0,1)];\n}\n\n.p-toggleable-content-enter-active {\n @apply overflow-hidden transition-[max-height] duration-1000 ease-in-out\n}\n\n.p-disabled,\n.p-disabled * {\n @apply cursor-default pointer-events-none select-none\n}\n\n.p-disabled,\n.p-component:disabled {\n @apply opacity-60\n}\n\n.pi {\n @apply text-base\n}\n\n.p-icon {\n @apply w-4 h-4\n}\n\n.p-overlay-mask {\n @apply bg-black/50 text-surface-200 transition-colors duration-150 fixed top-0 start-0 w-full h-full\n}\n\n.p-overlay-mask-enter {\n animation: p-overlay-mask-enter-animation 150ms forwards;\n}\n\n.p-overlay-mask-leave {\n animation: p-overlay-mask-leave-animation 150ms forwards;\n}\n\n@keyframes p-overlay-mask-enter-animation {\n from {\n background: transparent;\n }\n to {\n background: rgba(0,0,0,0.5);\n }\n}\n\n@keyframes p-overlay-mask-leave-animation {\n from {\n background: rgba(0,0,0,0.5);\n }\n to {\n background: transparent;\n }\n}\n", "confirmdialog": "@import './dialog';\n@import './button';\n\n.p-confirmdialog .p-dialog-content {\n @apply flex items-center gap-4\n}\n\n.p-confirmdialog-icon {\n @apply text-surface-700 dark:text-surface-0 text-[2rem] h-8 w-8\n}", "confirmpopup": "@import './button';\n\n.p-confirmpopup {\n @apply absolute mt-[10px] top-0 left-0 \n 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 shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-2px_rgba(0,0,0,0.1)]\n before:bottom-full before:left-5 before:h-0 before:w-0 before:absolute before:pointer-events-none\n before:border-[10px] before:-ml-[10px] before:border-transparent before:border-b-surface-200 dark:before:border-b-surface-700\n after:bottom-full after:left-5 after:h-0 after:w-0 after:absolute after:pointer-events-none\n after:border-[8px] after:-ml-[8px] after:border-transparent after:border-b-surface-0 dark:after:border-b-surface-900\n}\n\n.p-confirmpopup-content {\n @apply flex items-center p-3 gap-4\n}\n\n.p-confirmpopup-icon {\n @apply text-2xl w-6 h-6 text-surface-700 dark:text-surface-0\n}\n\n.p-confirmpopup-footer {\n @apply flex justify-end gap-2 pt-0 px-3 pb-3\n}\n\n.p-confirmpopup-footer button {\n @apply w-auto\n}\n\n.p-confirmpopup-footer button:last-child {\n @apply m-0\n}\n\n.p-confirmpopup-flipped {\n @apply -mt-[10px] mb-[10px]\n}\n\n.p-confirmpopup-enter-from {\n @apply opacity-0 scale-y-75\n}\n\n.p-confirmpopup-leave-to {\n @apply opacity-0\n}\n\n.p-confirmpopup-enter-active {\n @apply [transition:transform_120ms_cubic-bezier(0,0,0.2,1),opacity_120ms_cubic-bezier(0,0,0.2,1)]\n}\n\n.p-confirmpopup-leave-active {\n @apply transition-opacity duration-100 ease-linear\n}\n\n.p-confirmpopup-flipped:after,\n.p-confirmpopup-flipped:before {\n @apply bottom-auto top-full\n}\n\n.p-confirmpopup-flipped:after {\n @apply border-b-transparent border-t-surface-0 dark:border-t-surface-900\n}\n\n.p-confirmpopup-flipped:before {\n @apply border-b-transparent border-t-surface-200 dark:border-t-surface-700\n}", - "contextmenu": ".p-contextmenu {\n @apply bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0 \n border border-surface-200 dark:border-surface-700\n rounded-md min-w-52 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-contextmenu-root-list,\n.p-contextmenu-submenu {\n @apply m-0 p-1 list-none outline-none flex flex-col gap-[2px] \n}\n\n.p-contextmenu-submenu {\n @apply absolute min-w-full z-10 rounded-md\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0 \n border border-surface-200 dark:border-surface-700\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-contextmenu-item {\n @apply relative\n}\n\n.p-contextmenu-item-content {\n @apply transition-colors duration-200 rounded-sm text-surface-700 dark:text-surface-0\n}\n\n.p-contextmenu-item-link {\n @apply cursor-pointer flex items-center no-underline overflow-hidden relative text-inherit\n px-3 py-2 gap-2 select-none outline-none\n}\n\n.p-contextmenu-item-icon {\n @apply text-surface-400 dark:text-surface-500\n}\n\n.p-contextmenu-submenu-icon {\n @apply text-surface-400 dark:text-surface-500 ml-auto text-sm w-[0.875rem] h-[0.875rem]\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-separator {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n @apply opacity-0\n}\n\n.p-contextmenu-enter-active {\n @apply transition-opacity duration-[250ms]\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n @apply static shadow-none border-none ps-4 pe-0\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu-icon {\n @apply transition-transform duration-200 rotate-90\n}\n\n.p-contextmenu-mobile .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply -rotate-90\n}", + "contextmenu": ".p-contextmenu {\n @apply bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n border border-surface-200 dark:border-surface-700\n rounded-md min-w-52 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-contextmenu-root-list,\n.p-contextmenu-submenu {\n @apply m-0 p-1 list-none outline-none flex flex-col gap-[2px]\n}\n\n.p-contextmenu-submenu {\n @apply absolute min-w-full z-10 rounded-md\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n border border-surface-200 dark:border-surface-700\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-contextmenu-item {\n @apply relative\n}\n\n.p-contextmenu-item-content {\n @apply transition-colors duration-200 rounded-sm text-surface-700 dark:text-surface-0\n}\n\n.p-contextmenu-item-link {\n @apply cursor-pointer flex items-center no-underline overflow-hidden relative text-inherit\n px-3 py-2 gap-2 select-none outline-none\n}\n\n.p-contextmenu-item-icon {\n @apply text-surface-400 dark:text-surface-500\n}\n\n.p-contextmenu-submenu-icon {\n @apply text-surface-400 dark:text-surface-500 ms-auto text-sm w-[0.875rem] h-[0.875rem]\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item.p-focus > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item:not(.p-disabled) > .p-contextmenu-item-content:hover .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content {\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-item-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply text-surface-500 dark:text-surface-400\n}\n\n.p-contextmenu-separator {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-contextmenu-enter-from,\n.p-contextmenu-leave-active {\n @apply opacity-0\n}\n\n.p-contextmenu-enter-active {\n @apply transition-opacity duration-[250ms]\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu {\n @apply static shadow-none border-none ps-4 pe-0\n}\n\n.p-contextmenu-mobile .p-contextmenu-submenu-icon {\n @apply transition-transform duration-200 rotate-90\n}\n\n.p-contextmenu-mobile .p-contextmenu-item-active > .p-contextmenu-item-content .p-contextmenu-submenu-icon {\n @apply -rotate-90\n}\n", "datatable": "@import './paginator';\n\n.p-datatable {\n @apply relative\n}\n\n.p-datatable-table {\n @apply border-spacing-0 w-full\n}\n\n.p-datatable-scrollable > .p-datatable-table-container {\n @apply relative\n}\n\n.p-datatable-scrollable-table > .p-datatable-thead {\n @apply top-0 z-10\n}\n\n.p-datatable-scrollable-table > .p-datatable-frozen-tbody {\n @apply sticky z-10\n}\n\n.p-datatable-scrollable-table > .p-datatable-tfoot {\n @apply bottom-0 z-10\n}\n\n.p-datatable-scrollable .p-datatable-frozen-column {\n @apply sticky bg-surface-0 dark:bg-surface-900\n}\n\n.p-datatable-scrollable th.p-datatable-frozen-column {\n @apply z-10\n}\n\n.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-thead,\n.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-thead {\n @apply bg-surface-0 dark:bg-surface-900\n}\n\n.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-tfoot,\n.p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {\n @apply bg-surface-0 dark:bg-surface-900\n}\n\n.p-datatable-flex-scrollable {\n @apply flex flex-col h-full\n}\n\n.p-datatable-flex-scrollable > .p-datatable-table-container {\n @apply flex flex-col flex-1 h-full\n}\n\n.p-datatable-scrollable-table > .p-datatable-tbody > .p-datatable-row-group-header {\n @apply sticky z-10\n}\n\n.p-datatable-resizable-table > .p-datatable-thead > tr > th,\n.p-datatable-resizable-table > .p-datatable-tfoot > tr > td,\n.p-datatable-resizable-table > .p-datatable-tbody > tr > td {\n @apply overflow-hidden whitespace-nowrap\n}\n\n.p-datatable-resizable-table > .p-datatable-thead > tr > th.p-datatable-resizable-column:not(.p-datatable-frozen-column) {\n @apply bg-clip-padding relative\n}\n\n.p-datatable-resizable-table-fit > .p-datatable-thead > tr > th.p-datatable-resizable-column:last-child .p-datatable-column-resizer {\n @apply hidden\n}\n\n.p-datatable-column-resizer {\n @apply block absolute top-0 end-0 m-0 w-2 h-full p-0 cursor-col-resize border border-transparent\n}\n\n.p-datatable-column-header-content {\n @apply flex items-center gap-2\n}\n\n.p-datatable-column-resize-indicator {\n @apply w-px absolute z-10 hidden bg-primary\n}\n\n.p-datatable-row-reorder-indicator-up,\n.p-datatable-row-reorder-indicator-down {\n @apply absolute hidden\n}\n\n.p-datatable-reorderable-column,\n.p-datatable-reorderable-row-handle {\n @apply cursor-move\n}\n\n.p-datatable-mask {\n @apply absolute flex items-center justify-center z-20\n}\n\n.p-datatable-inline-filter {\n @apply flex items-center w-full gap-2\n}\n\n.p-datatable-inline-filter .p-datatable-filter-element-container {\n @apply flex-auto w-[1%]\n}\n\n.p-datatable-filter-overlay {\n @apply bg-surface-0 dark:bg-surface-900 rounded-md min-w-52\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-datatable-filter-constraint-list {\n @apply m-0 list-none flex flex-col p-1 gap-[2px]\n}\n\n.p-datatable-filter-constraint {\n @apply px-3 py-2 rounded-sm cursor-pointer transition-colors duration-200 text-surface-700 dark:text-surface-0\n}\n\n.p-datatable-filter-constraint-selected {\n @apply bg-highlight\n}\n\n.p-datatable-filter-constraint:not(.p-datatable-filter-constraint-selected):not(.p-disabled):hover\n{\n @apply bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-datatable-filter-constraint:focus-visible {\n @apply outline-none bg-surface-100 dark:bg-surface-800 text-surface-800 dark:text-surface-0\n}\n\n.p-datatable-filter-constraint-selected:focus-visible {\n @apply bg-highlight-emphasis\n}\n\n.p-datatable-filter-constraint-separator {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-datatable-popover-filter {\n @apply inline-flex ms-auto\n}\n\n.p-datatable-filter-overlay-popover {\n @apply flex flex-col gap-2\n bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n border border-surface-200 dark:border-surface-700 rounded-md p-3 min-w-52\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-datatable-filter-operator-dropdown {\n @apply w-full\n}\n\n.p-datatable-filter-rule-list,\n.p-datatable-filter-rule {\n @apply flex flex-col gap-2\n}\n\n.p-datatable-filter-rule {\n @apply border-b border-surface-200 dark:border-surface-700 last:border-b-0\n}\n\n.p-datatable-filter-add-rule-button {\n @apply w-full\n}\n\n.p-datatable-filter-remove-button {\n @apply w-full\n}\n\n.p-datatable-filter-buttonbar {\n @apply p-0 flex items-center justify-between\n}\n\n.p-datatable-virtualscroller-spacer {\n @apply flex\n}\n\n.p-datatable .p-virtualscroller .p-virtualscroller-loading {\n @apply transform-none min-h-0 sticky top-0 start-0\n}\n\n.p-datatable-paginator-top {\n @apply border-b border-surface-200 dark:border-surface-700\n}\n\n.p-datatable-paginator-bottom {\n @apply border-t border-surface-200 dark:border-surface-700\n}\n\n.p-datatable-header {\n @apply py-3 px-4 border-b border-surface-200 dark:border-surface-700\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-datatable-footer {\n @apply py-3 px-4 border-b border-surface-200 dark:border-surface-700\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-datatable-header-cell {\n @apply py-3 px-4 font-normal text-start transition-colors duration-200\n border-b border-surface-200 dark:border-surface-700\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-datatable-column-title {\n @apply font-semibold\n}\n\n.p-datatable-tbody > tr {\n @apply bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0 transition-colors duration-200\n}\n\n.p-datatable-tbody > tr > td {\n @apply text-start py-3 px-4 border-b border-surface-200 dark:border-surface-800\n}\n\n.p-datatable-hoverable .p-datatable-tbody > tr:not(.p-datatable-row-selected):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-datatable-tbody > tr.p-datatable-row-selected {\n @apply bg-highlight\n}\n\n.p-datatable-tbody > tr:has(+ .p-datatable-row-selected) > td {\n @apply border-b-primary-100 dark:border-b-primary-900\n}\n\n.p-datatable-tbody > tr.p-datatable-row-selected > td {\n @apply border-b-primary-100 dark:border-b-primary-900\n}\n\n.p-datatable-tbody > tr:focus-visible,\n.p-datatable-tbody > tr.p-datatable-contextmenu-row-selected {\n @apply outline outline-1 -outline-offset-1 outline-primary\n}\n\n.p-datatable-tfoot > tr > td {\n @apply text-start py-3 px-4 border-b border-surface-200 dark:border-surface-800\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-datatable-column-footer {\n @apply font-semibold\n}\n\n.p-datatable-sortable-column {\n @apply cursor-pointer select-none focus-visible:outline focus-visible:outline-1 focus-visible:-outline-offset-1 focus-visible:outline-primary\n}\n\n.p-datatable-column-title,\n.p-datatable-sort-icon,\n.p-datatable-sort-badge {\n @apply align-middle\n}\n\n.p-datatable-sort-icon {\n @apply text-surface-500 dark:text-surface-400 transition-colors duration-200\n}\n\n.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-datatable-sortable-column:not(.p-datatable-column-sorted):hover .p-datatable-sort-icon {\n @apply text-surface-600 dark:text-surface-300\n}\n\n.p-datatable-column-sorted {\n @apply bg-highlight\n}\n\n.p-datatable-column-sorted .p-datatable-sort-icon {\n @apply bg-highlight\n}\n\n.p-datatable-hoverable .p-datatable-selectable-row {\n @apply cursor-pointer\n}\n\n.p-datatable-tbody > tr.p-datatable-dragpoint-top > td {\n @apply shadow-[inset_0_2px_0_0_theme(colors.primary)]\n}\n\n.p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {\n @apply shadow-[inset_0_-2px_0_0_theme(colors.primary)]\n}\n\n.p-datatable-loading-icon {\n @apply text-[2rem] w-8 h-8\n}\n\n.p-datatable-gridlines .p-datatable-header {\n @apply border-t border-x\n}\n\n.p-datatable-gridlines .p-datatable-footer {\n @apply border-b border-x\n}\n\n.p-datatable-gridlines .p-datatable-paginator-top {\n @apply border-t border-x\n}\n\n.p-datatable-gridlines .p-datatable-paginator-bottom {\n @apply border-b border-x\n}\n\n.p-datatable-gridlines .p-datatable-thead > tr > th {\n @apply border-t border-x last:border\n}\n\n.p-datatable-gridlines .p-datatable-tbody > tr > td {\n @apply border-t border-s last:border-r\n}\n\n.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {\n @apply border-y border-s last:border\n}\n\n.p-datatable-gridlines .p-datatable-tfoot > tr > td {\n @apply border-y border-s last:border\n}\n\n.p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {\n @apply border-b border-s last:border-r\n}\n\n.p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {\n @apply border-b border-s last:border-r\n}\n\n.p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {\n @apply border-s last:border-r\n}\n\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {\n @apply bg-surface-50 dark:bg-surface-950\n}\n\n.p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-datatable-row-selected {\n @apply bg-highlight\n}\n\n.p-datatable.p-datatable-sm .p-datatable-header {\n @apply py-1 px-2\n}\n\n.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {\n @apply py-1 px-2\n}\n\n.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {\n @apply py-1 px-2\n}\n\n.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {\n @apply py-1 px-2\n}\n\n.p-datatable.p-datatable-sm .p-datatable-footer {\n @apply py-1 px-2\n}\n\n.p-datatable.p-datatable-lg .p-datatable-header {\n @apply py-4 px-5\n}\n\n.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {\n @apply py-4 px-5\n}\n\n.p-datatable.p-datatable-lg .p-datatable-tbody>tr>td {\n @apply py-4 px-5\n}\n\n.p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td {\n @apply py-4 px-5\n}\n\n.p-datatable.p-datatable-lg .p-datatable-footer {\n @apply py-4 px-5\n}\n\n.p-datatable-row-toggle-button {\n @apply inline-flex items-center justify-center overflow-hidden relative w-7 h-7 cursor-pointer select-none\n transition-colors duration-200 rounded-full border-none bg-transparent\n text-surface-500 enabled:hover:bg-surface-100 enabled:hover:text-surface-700\n dark:text-surface-400 dark:enabled:hover:bg-surface-800 dark:enabled:hover:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n\n}\n\n.p-datatable-tbody > tr.p-datatable-row-selected .p-datatable-row-toggle-button:hover {\n @apply bg-surface-0 dark:bg-surface-900 text-primary\n}\n\n.p-datatable-row-toggle-icon:dir(rtl) {\n @apply rotate-180\n}\n", "dataview": "@import './paginator';\n\n.p-dataview {\n @apply border-none\n}\n\n.p-dataview-header {\n @apply py-3 px-4 border-b border-surface-200 dark:border-surface-700 \n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-dataview-content {\n @apply bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-dataview-footer {\n @apply py-3 px-4 border-t border-surface-200 dark:border-surface-700 \n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n}\n\n.p-dataview-paginator-top {\n @apply border-b border-surface-200 dark:border-surface-700\n}\n\n.p-dataview-paginator-bottom {\n @apply border-t border-surface-200 dark:border-surface-700\n}", "datepicker": "@import './button';\n@import './inputtext';\n\n.p-datepicker {\n @apply inline-flex max-w-full\n}\n\n.p-datepicker-input {\n @apply flex-auto w-[1%]\n}\n\n.p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {\n @apply rounded-e-none\n}\n\n.p-datepicker-dropdown {\n @apply inline-flex items-center justify-center overflow-hidden relative cursor-pointer select-none\n w-10 rounded-e-md border border-s-0 border-surface-300 dark:border-surface-700\n bg-surface-100 enabled:hover:bg-surface-200 enabled:active:bg-surface-300\n text-surface-600 enabled:hover:text-surface-700 enabled:active:text-surface-800\n dark:bg-surface-800 dark:enabled:hover:bg-surface-700 dark:enabled:active:bg-surface-600\n dark:text-surface-300 dark:enabled:hover:text-surface-200 dark:enabled:active:text-surface-100\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n transition-colors duration-200\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) {\n @apply relative\n}\n\n.p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {\n @apply pe-10\n}\n\n.p-datepicker-input-icon-container {\n @apply cursor-pointer absolute top-1/2 end-3 -mt-2 text-surface-400\n}\n\n.p-datepicker-fluid {\n @apply flex\n}\n\n.p-datepicker-fluid .p-datepicker-input {\n @apply w-[1%]\n}\n\n.p-datepicker .p-datepicker-panel {\n @apply min-w-full\n}\n\n.p-datepicker-panel {\n @apply w-auto p-3 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 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-datepicker-panel-inline {\n @apply inline-block overflow-x-auto shadow-none\n}\n\n.p-datepicker-header {\n @apply flex items-center justify-between pt-0 px-0 pb-2 font-medium gap-2\n bg-surface-0 dark:bg-surface-900\n text-surface-700 dark:text-surface-0\n border-b border-surface-200 dark:border-surface-700\n}\n\n.p-datepicker-next-button:dir(rtl) {\n @apply order-[-1]\n}\n.p-datepicker-prev-button:dir(rtl) {\n @apply order-1\n}\n\n.p-datepicker-title {\n @apply flex items-center justify-between gap-2 font-medium\n}\n\n.p-datepicker-select-year,\n.p-datepicker-select-month {\n @apply border-none bg-transparent m-0 cursor-pointer font-medium transition-colors duration-200\n py-1 px-2 rounded-md text-surface-700 dark:text-surface-0\n enabled:hover:bg-surface-100 enabled:hover:text-surface-800\n dark:enabled:hover:bg-surface-800 dark:enabled:hover:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-datepicker-calendar-container {\n @apply flex\n}\n\n.p-datepicker-calendar-container .p-datepicker-calendar {\n @apply flex-auto border-s border-surface-200 dark:border-surface-700 gap-3\n first:ps-0 first:border-s-0 last:pe-0\n}\n\n.p-datepicker-day-view {\n @apply w-full border-collapse text-base mt-2 mx-0 mb-0\n}\n\n.p-datepicker-weekday-cell {\n @apply p-1\n}\n\n.p-datepicker-weekday {\n @apply font-medium text-surface-700 dark:text-surface-0\n}\n\n.p-datepicker-day-cell {\n @apply p-1\n}\n\n.p-datepicker-day {\n @apply flex items-center justify-center cursor-pointer my-0 mx-auto overflow-hidden relative w-8 h-8\n rounded-full p-1 transition-colors duration-200 border border-transparent text-surface-700 dark:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-datepicker-day-selected {\n @apply bg-primary text-primary-contrast\n}\n\n.p-datepicker-day-selected-range {\n @apply bg-highlight\n}\n\n.p-datepicker-today > .p-datepicker-day {\n @apply bg-surface-200 text-surface-900 dark:bg-surface-700 dark:text-surface-0\n}\n\n.p-datepicker-today > .p-datepicker-day-selected {\n @apply bg-primary text-primary-contrast\n}\n\n.p-datepicker-today > .p-datepicker-day-selected-range {\n @apply bg-highlight\n}\n\n.p-datepicker-weeknumber {\n @apply text-center\n}\n\n.p-datepicker-month-view {\n @apply mt-2 mb-0 mx-0\n}\n\n.p-datepicker-month {\n @apply w-1/3 inline-flex items-center justify-center cursor-pointer overflow-hidden relative\n p-[0.375rem] transition-colors duration-200 rounded-md text-surface-700 dark:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-datepicker-month-selected {\n @apply bg-primary text-primary-contrast\n}\n\n.p-datepicker-year-view {\n @apply mt-2 mb-0 mx-0\n}\n\n.p-datepicker-year {\n @apply w-1/2 inline-flex items-center justify-center cursor-pointer overflow-hidden relative\n p-[0.375rem] transition-colors duration-200 rounded-md text-surface-700 dark:text-surface-0\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {\n @apply bg-surface-100 text-surface-800 dark:bg-surface-800 dark:text-surface-0\n}\n\n.p-datepicker-year-selected {\n @apply bg-primary text-primary-contrast\n}\n\n.p-datepicker-buttonbar {\n @apply flex justify-between items-center pt-2 pb-0 px-0 border-t border-surface-200 dark:border-surface-700\n}\n\n.p-datepicker-buttonbar .p-button {\n @apply w-auto\n}\n\n.p-datepicker-time-picker {\n @apply flex items-center justify-center border-t border-surface-200 dark:border-surface-700 p-0 gap-2\n}\n\n.p-datepicker-calendar-container + .p-datepicker-time-picker {\n @apply pt-2 pb-0 px-0\n}\n\n.p-datepicker-time-picker > div {\n @apply flex items-center flex-col gap-1\n}\n\n.p-datepicker-time-picker span {\n @apply text-base\n}\n\n.p-datepicker-timeonly .p-datepicker-time-picker {\n @apply border-t-0\n}\n", "dialog": "@import './button';\n\n.p-dialog {\n @apply max-h-[90%] scale-100 rounded-xl \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 shadow-[0_20px_25px_-5px_rgba(0,0,0,0.1),0_8px_10px_-6px_rgba(0,0,0,0.1)]\n}\n\n.p-dialog-content {\n @apply overflow-y-auto pt-0 px-5 pb-5\n}\n\n.p-dialog-header {\n @apply flex items-center justify-between shrink-0 p-5\n}\n\n.p-dialog-title {\n @apply font-semibold text-xl\n}\n\n.p-dialog-footer {\n @apply shrink-0 pt-0 px-5 pb-5 flex justify-end gap-2\n}\n\n.p-dialog-header-actions {\n @apply flex items-center gap-2\n}\n\n.p-dialog-enter-active {\n @apply transition-all duration-150 ease-[cubic-bezier(0,0,0.2,1)]\n}\n\n.p-dialog-leave-active {\n @apply transition-all duration-150 ease-[cubic-bezier(0.4,0,0.2,1)]\n}\n\n.p-dialog-enter-from,\n.p-dialog-leave-to {\n @apply opacity-0 scale-75\n}\n\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-topleft .p-dialog,\n.p-dialog-topright .p-dialog,\n.p-dialog-bottomleft .p-dialog,\n.p-dialog-bottomright .p-dialog {\n @apply m-3 [transform:translate3d(0,0,0)]\n}\n\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-top .p-dialog-leave-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-leave-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-left .p-dialog-leave-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-right .p-dialog-leave-active,\n.p-dialog-topleft .p-dialog-enter-active,\n.p-dialog-topleft .p-dialog-leave-active,\n.p-dialog-topright .p-dialog-enter-active,\n.p-dialog-topright .p-dialog-leave-active,\n.p-dialog-bottomleft .p-dialog-enter-active,\n.p-dialog-bottomleft .p-dialog-leave-active,\n.p-dialog-bottomright .p-dialog-enter-active,\n.p-dialog-bottomright .p-dialog-leave-active {\n @apply transition-all duration-300 ease-out\n}\n\n.p-dialog-top .p-dialog-enter-from,\n.p-dialog-top .p-dialog-leave-to {\n @apply [transform:translate3d(0,-100%,0)]\n}\n\n.p-dialog-bottom .p-dialog-enter-from,\n.p-dialog-bottom .p-dialog-leave-to {\n @apply [transform:translate3d(0,100%,0)]\n}\n\n.p-dialog-left .p-dialog-enter-from,\n.p-dialog-left .p-dialog-leave-to,\n.p-dialog-topleft .p-dialog-enter-from,\n.p-dialog-topleft .p-dialog-leave-to,\n.p-dialog-bottomleft .p-dialog-enter-from,\n.p-dialog-bottomleft .p-dialog-leave-to {\n @apply [transform:translate3d(-100%,0,0)]\n}\n\n.p-dialog-right .p-dialog-enter-from,\n.p-dialog-right .p-dialog-leave-to,\n.p-dialog-topright .p-dialog-enter-from,\n.p-dialog-topright .p-dialog-leave-to,\n.p-dialog-bottomright .p-dialog-enter-from,\n.p-dialog-bottomright .p-dialog-leave-to {\n @apply [transform:translate3d(100%,0,0)]\n}\n\n.p-dialog-maximized {\n @apply !w-screen !h-screen top-0 left-0 max-h-full rounded-none \n}\n\n.p-dialog-maximized .p-dialog-content {\n @apply flex-grow\n}", "divider": ".p-divider-horizontal {\n @apply flex w-full relative items-center my-4 mx-0 py-0 px-4\n before:absolute before:block before:top-1/2 before:start-0 before:w-full\n before:border-t before:border-surface-200 dark:before:border-surface-700\n}\n\n.p-divider-horizontal .p-divider-content {\n @apply py-0 px-2\n}\n\n.p-divider-vertical {\n @apply min-h-full flex relative justify-center my-0 mx-4 py-2 px-0\n before:absolute before:block before:top-0 before:start-1/2 before:h-full\n before:border-s before:border-surface-200 before:dark:border-surface-700\n}\n\n.p-divider.p-divider-vertical .p-divider-content {\n @apply py-2 px-0\n}\n\n.p-divider-content {\n @apply z-10 bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n @apply border-solid\n}\n\n.p-divider-solid.p-divider-vertical:before {\n @apply border-solid\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n @apply border-dashed\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n @apply border-dashed\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n @apply border-dotted\n}\n\n.p-divider-dotted.p-divider-vertical:before {\n @apply border-dotted\n}\n\n.p-divider-left:dir(rtl),\n.p-divider-right:dir(rtl) {\n @apply flex-row-reverse\n}\n", - "dock": ".p-dock {\n @apply absolute z-10 flex justify-center items-center pointer-events-none\n}\n\n.p-dock-list-container {\n @apply flex pointer-events-auto bg-white/10 border border-white/10 p-2 rounded-xl\n}\n\n.p-dock-list {\n @apply m-0 p-0 list-none flex items-center justify-center outline-none\n}\n\n.p-dock-item {\n @apply transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform p-2 rounded-md\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-dock-item-link {\n @apply flex flex-col items-center justify-center relative cursor-default w-12 h-12\n}\n\n.p-dock-top {\n @apply left-0 top-0 w-full\n}\n\n.p-dock-top .p-dock-item {\n @apply origin-[center_top]\n}\n\n.p-dock-bottom {\n @apply left-0 bottom-0 w-full\n}\n\n.p-dock-bottom .p-dock-item {\n @apply origin-[center_bottom]\n}\n\n.p-dock-right {\n @apply right-0 top-0 h-full\n}\n\n.p-dock-right .p-dock-item {\n @apply origin-[center_right]\n}\n\n.p-dock-right .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-left {\n @apply left-0 top-0 h-full\n}\n\n.p-dock-left .p-dock-item {\n @apply origin-[center_left]\n}\n\n.p-dock-left .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n @apply overflow-x-auto w-full\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n @apply mt-0 mx-auto\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container,\n.p-dock-mobile.p-dock-right .p-dock-list-container {\n @apply overflow-y-auto h-full\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n @apply mt-auto mx-0\n}\n\n.p-dock-mobile .p-dock-list .p-dock-item {\n @apply transform-none m-0\n}", + "dock": ".p-dock {\n @apply absolute z-10 flex justify-center items-center pointer-events-none\n}\n\n.p-dock-list-container {\n @apply flex pointer-events-auto bg-white/10 border border-white/10 p-2 rounded-xl\n}\n\n.p-dock-list {\n @apply m-0 p-0 list-none flex items-center justify-center outline-none\n}\n\n.p-dock-item {\n @apply transition-all duration-200 ease-[cubic-bezier(0.4,0,0.2,1)] will-change-transform p-2 rounded-md\n focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-2 focus-visible:outline-primary\n}\n\n.p-dock-item-link {\n @apply flex flex-col items-center justify-center relative cursor-default w-12 h-12\n}\n\n.p-dock-top {\n @apply start-0 top-0 w-full\n}\n\n.p-dock-top .p-dock-item {\n @apply origin-[center_top]\n}\n\n.p-dock-bottom {\n @apply start-0 bottom-0 w-full\n}\n\n.p-dock-bottom .p-dock-item {\n @apply origin-[center_bottom]\n}\n\n.p-dock-right {\n @apply end-0 top-0 h-full\n}\n\n.p-dock-right .p-dock-item {\n @apply origin-[center_right]\n}\n\n.p-dock-right .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-left {\n @apply start-0 top-0 h-full\n}\n\n.p-dock-left .p-dock-item {\n @apply origin-[center_left]\n}\n\n.p-dock-left .p-dock-list {\n @apply flex-col\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n @apply overflow-x-auto w-full\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n @apply mt-0 mx-auto\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container,\n.p-dock-mobile.p-dock-right .p-dock-list-container {\n @apply overflow-y-auto h-full\n}\n\n.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n @apply mt-auto mx-0\n}\n\n.p-dock-mobile .p-dock-list .p-dock-item {\n @apply transform-none m-0\n}\n", "drawer": "@import './button';\n\n.p-drawer {\n @apply flex flex-col pointer-events-auto relative transition-transform duration-300\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 shadow-[0_20px_25px_-5px_rgba(0,0,0,0.1),0_8px_10px_-6px_rgba(0,0,0,0.1)]\n}\n\n.p-drawer {\n @apply [transform:translate3d(0,0,0)]\n}\n\n.p-drawer-content {\n @apply overflow-y-auto flex-grow pt-0 pb-5 px-5\n}\n\n.p-drawer-header {\n @apply flex items-center justify-between flex-shrink-0 p-5\n}\n\n.p-drawer-footer {\n @apply px-5\n}\n\n.p-drawer-title {\n @apply font-semibold text-2xl \n}\n\n.p-drawer-full .p-drawer {\n @apply transition-none transform-none w-screen h-screen max-h-full top-0 left-0\n}\n\n.p-drawer-left .p-drawer-enter-from,\n.p-drawer-left .p-drawer-leave-to {\n @apply -translate-x-full\n}\n\n.p-drawer-right .p-drawer-enter-from,\n.p-drawer-right .p-drawer-leave-to {\n @apply translate-x-full\n}\n\n.p-drawer-top .p-drawer-enter-from,\n.p-drawer-top .p-drawer-leave-to {\n @apply -translate-y-full\n}\n\n.p-drawer-bottom .p-drawer-enter-from,\n.p-drawer-bottom .p-drawer-leave-to {\n @apply translate-y-full\n}\n\n.p-drawer-full .p-drawer-enter-from,\n.p-drawer-full .p-drawer-leave-to {\n @apply opacity-0\n}\n\n.p-drawer-full .p-drawer-enter-active,\n.p-drawer-full .p-drawer-leave-active {\n @apply transition-opacity animate-duration-400 ease-[cubic-bezier(0.25,0.8,0.25,1)]\n}\n\n.p-drawer-left .p-drawer {\n @apply w-80 h-full border-r\n}\n\n.p-drawer-right .p-drawer {\n @apply w-80 h-full border-l\n}\n\n.p-drawer-top .p-drawer {\n @apply h-40 w-full border-b\n}\n\n.p-drawer-bottom .p-drawer {\n @apply h-40 w-full border-t\n}\n\n.p-drawer-left .p-drawer-content,\n.p-drawer-right .p-drawer-content,\n.p-drawer-top .p-drawer-content,\n.p-drawer-bottom .p-drawer-content {\n @apply w-full h-full\n}\n\n.p-drawer-open {\n @apply flex\n}", "fieldset": ".p-fieldset {\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 px-[1.125rem] pt-0 pb-[1.125rem]\n}\n\n.p-fieldset-legend {\n @apply border border-transparent rounded-md px-3 py-2\n transition-colors duration-200\n}\n\n.p-fieldset-toggleable > .p-fieldset-legend {\n @apply p-0\n}\n\n.p-fieldset-toggle-button {\n @apply select-none overflow-hidden relative\n flex items-center justify-center gap-2\n px-3 py-2\n border-none rounded-md\n bg-surface-0 dark:bg-surface-900\n hover:bg-surface-100 dark:hover:bg-surface-800\n text-surface-700 dark:text-surface-0\n hover:text-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 transition-colors duration-200\n}\n\n.p-fieldset-legend-label {\n @apply font-semibold;\n}\n\n.p-fieldset-toggle-icon {\n @apply text-surface-500 dark:text-surface-400\n transition-colors duration-200\n}\n\n.p-fieldset-toggle-button:hover .p-fieldset-toggle-icon {\n @apply text-surface-600 dark:text-surface-300\n}\n\n.p-fieldset .p-fieldset-content {\n @apply p-0\n}", "fileupload": "@import './button';\n@import './message';\n@import './progressbar';\n\n.p-fileupload input[type=\"file\"] {\n @apply hidden\n}\n\n.p-fileupload-advanced {\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-fileupload-header {\n @apply flex items-center p-[1.125rem] gap-2 text-surface-700 dark:text-surface-0\n}\n\n.p-fileupload-content {\n @apply border border-transparent relative transition-colors duration-200 pt-0 px-[1.125rem] pb-[1.125rem]\n}\n\n.p-fileupload-content .p-progressbar {\n @apply w-full absolute top-0 start-0 h-1\n}\n\n.p-fileupload-file-list {\n @apply flex flex-col gap-2 mt-[1.125rem]\n}\n\n.p-fileupload-file {\n @apply flex flex-wrap items-center p-4 border-b border-surface-200 dark:border-surface-700 gap-2 last:border-b-0\n}\n\n.p-fileupload-file-info {\n @apply flex flex-col gap-2\n}\n\n.p-fileupload-file-thumbnail {\n @apply flex-shrink-0\n}\n\n.p-fileupload-file-actions {\n @apply ms-auto\n}\n\n.p-fileupload-highlight {\n @apply border border-dashed border-primary\n}\n\n.p-fileupload-advanced .p-message {\n @apply mt-0\n}\n\n.p-fileupload-basic {\n @apply flex flex-wrap items-center justify-center gap-2\n}\n",