export declare const searchIconStyle: { readonly width: "16px"; readonly height: "16px"; readonly color: "#6b7280"; }; export declare const sortIconContainerStyle: { readonly display: "flex"; readonly flexDirection: "column"; readonly gap: "2px"; readonly '& svg': { readonly marginInlineStart: "4px"; readonly width: "20px"; readonly height: "20px"; }; }; export declare const sortArrowStyle: { readonly width: "12px"; readonly height: "12px"; readonly color: "#9ca3af"; readonly opacity: 0.3; readonly '&[data-active="true"]': { readonly color: "#1d4ed8"; readonly opacity: 1; }; }; export declare const sortHeaderContentStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly gap: "8px"; }; export declare const containerStyle: { readonly position: "relative"; readonly overflowX: "auto"; readonly overflowY: "auto"; readonly backgroundColor: "#ffffff"; readonly boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly borderRadius: "8px"; readonly border: "1px solid #e5e7eb"; readonly minWidth: "100%"; readonly maxWidth: "100%"; readonly height: "100%"; readonly boxSizing: "border-box"; }; export declare const emptyStateContainerStyle: { readonly display: "flex"; readonly flexDirection: "column"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly padding: "64px 24px"; readonly textAlign: "center"; }; export declare const emptyStateTextStyle: { readonly color: "#4b5563"; readonly fontSize: "16px"; readonly fontWeight: "500"; readonly margin: 0; }; export declare const searchWrapperStyle: { readonly position: "relative"; readonly flex: 1; }; export declare const searchIconWrapperStyle: { readonly position: "absolute"; readonly top: 0; readonly bottom: 0; readonly left: 0; readonly display: "flex"; readonly alignItems: "center"; readonly paddingLeft: "12px"; readonly pointerEvents: "none"; }; export declare const searchInputStyle: { readonly display: "block"; readonly width: "100%"; readonly maxWidth: "384px"; readonly paddingLeft: "36px"; readonly paddingRight: "12px"; readonly paddingTop: "10px"; readonly paddingBottom: "10px"; readonly backgroundColor: "#f9fafb"; readonly border: "1px solid #e5e7eb"; readonly color: "#111827"; readonly fontSize: "14px"; readonly borderRadius: "8px"; readonly boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)"; readonly boxSizing: "border-box"; }; export declare const tableStyle: { readonly width: "100%"; readonly maxWidth: "100%"; readonly fontSize: "14px"; readonly textAlign: "left"; readonly color: "#4b5563"; readonly textIndent: 0; readonly borderColor: "inherit"; readonly borderCollapse: "collapse"; }; export declare const theadStyle: { readonly fontSize: "14px"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly borderBottom: "1px solid #e5e7eb"; }; export declare const thStyle: { readonly padding: "12px 24px"; readonly fontWeight: "500"; readonly userSelect: "none"; readonly whiteSpace: "nowrap"; }; export declare const rowStyle: { readonly backgroundColor: "#ffffff"; readonly borderBottom: "1px solid #e5e7eb"; readonly transition: "background-color 0.2s"; }; export declare const cellStyle: { readonly padding: "16px 24px"; readonly wordBreak: "break-word"; readonly overflowWrap: "anywhere"; }; export declare const navStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly flexWrap: "wrap"; readonly justifyContent: "space-between"; readonly padding: "16px"; readonly gap: "8px"; }; export declare const navTextStyle: { readonly fontSize: "14px"; readonly fontWeight: "normal"; readonly color: "#4b5563"; }; export declare const navTextBoldStyle: { readonly fontWeight: "600"; readonly color: "#111827"; }; export declare const paginationListStyle: { readonly display: "flex"; readonly marginLeft: "-1px"; readonly fontSize: "14px"; readonly listStyle: "none"; readonly padding: 0; readonly margin: 0; }; export declare const buttonStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const actionButtonStyle: { readonly borderRadius: "4px"; readonly paddingInline: "8px"; readonly paddingBlock: "4px"; readonly width: "auto"; readonly height: "auto"; readonly minHeight: "28px"; readonly position: "relative"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const menuIconStyle: { readonly width: "16px"; readonly height: "16px"; readonly color: "#4b5563"; }; export declare const actionMenuStyle: { readonly position: "fixed"; readonly backgroundColor: "#ffffff"; readonly border: "1px solid #d1d5db"; readonly borderRadius: "4px"; readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"; readonly zIndex: 9999; readonly minWidth: "120px"; }; export declare const actionMenuItemStyle: { readonly display: "block"; readonly width: "100%"; readonly textAlign: "left"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly paddingTop: "8px"; readonly paddingBottom: "8px"; readonly fontSize: "14px"; readonly color: "#374151"; readonly backgroundColor: "transparent"; readonly border: "none"; readonly cursor: "pointer"; readonly whiteSpace: "nowrap"; readonly position: "relative"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; }; readonly '&:disabled:hover': { readonly backgroundColor: "transparent"; readonly cursor: "auto"; }; readonly '&:first-of-type': { readonly borderTopLeftRadius: "4px"; readonly borderTopRightRadius: "4px"; }; readonly '&:last-of-type': { readonly borderBottomLeftRadius: "4px"; readonly borderBottomRightRadius: "4px"; }; }; export declare const actionMenuSeparatorStyle: { readonly borderTop: "1px solid #e5e7eb"; readonly margin: "4px 0"; }; export declare const actionMenuDeleteItemStyle: { readonly color: "#ef4444"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#dc2626"; }; readonly display: "block"; readonly width: "100%"; readonly textAlign: "left"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly paddingTop: "8px"; readonly paddingBottom: "8px"; readonly fontSize: "14px"; readonly backgroundColor: "transparent"; readonly border: "none"; readonly cursor: "pointer"; readonly whiteSpace: "nowrap"; readonly position: "relative"; readonly '&:disabled:hover': { readonly backgroundColor: "transparent"; readonly cursor: "auto"; }; readonly '&:first-of-type': { readonly borderTopLeftRadius: "4px"; readonly borderTopRightRadius: "4px"; }; readonly '&:last-of-type': { readonly borderBottomLeftRadius: "4px"; readonly borderBottomRightRadius: "4px"; }; }; export declare const actionIconButtonStyle: { readonly aspectRatio: 1; readonly paddingLeft: 0; readonly paddingRight: 0; readonly borderRadius: "4px"; readonly paddingInline: "8px"; readonly paddingBlock: "4px"; readonly width: "auto"; readonly height: "auto"; readonly minHeight: "28px"; readonly position: "relative"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const actionContainerStyle: { readonly display: "flex"; readonly gap: "8px"; readonly justifyContent: "flex-end"; }; export declare const pageButtonStyle: { readonly width: "36px"; readonly borderRightWidth: 0; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const pageButtonPrevStyle: { readonly borderTopLeftRadius: "8px"; readonly borderBottomLeftRadius: "8px"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly width: "auto"; readonly borderRightWidth: 0; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const pageButtonNextStyle: { readonly borderTopRightRadius: "8px"; readonly borderBottomRightRadius: "8px"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly width: "auto"; readonly borderRightWidth: 1; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const pageButtonActiveStyle: { readonly color: "#1d4ed8"; readonly backgroundColor: "#eff6ff"; readonly border: "1px solid #e5e7eb"; readonly width: "36px"; readonly borderRightWidth: 0; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly boxSizing: "border-box"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const pageButtonDisabledStyle: { readonly opacity: 0.8; readonly cursor: "default"; readonly color: "#9ca3af"; readonly '&:hover': { readonly backgroundColor: "#f9fafb"; readonly color: "#9ca3af"; }; }; export declare const overflowSelectStyle: { readonly appearance: "none"; readonly WebkitAppearance: "none"; readonly cursor: "pointer"; readonly paddingLeft: "8px"; readonly paddingRight: "8px"; readonly width: "36px"; readonly textAlign: "center"; readonly outline: "none"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:focus': { readonly outline: "none"; }; readonly borderRightWidth: 0; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const toolbarStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "space-between"; readonly padding: "16px"; readonly borderBottom: "1px solid #e5e7eb"; readonly gap: "12px"; }; export declare const addRowButtonStyle: { readonly borderRadius: "8px"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly whiteSpace: "nowrap"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly height: "36px"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const clickToEditStyle: { readonly color: "#9ca3af"; readonly cursor: "pointer"; readonly userSelect: "none"; readonly fontSize: "14px"; }; export declare const cellInputStyle: { readonly display: "block"; readonly width: "100%"; readonly minWidth: 0; readonly maxWidth: "100%"; readonly padding: "4px 8px"; readonly border: "1px solid #1d4ed8"; readonly borderRadius: "4px"; readonly fontSize: "14px"; readonly color: "#111827"; readonly outline: "none"; readonly boxSizing: "border-box"; readonly resize: "none"; readonly overflowY: "auto"; readonly fontFamily: "inherit"; readonly lineHeight: 1.5; }; export declare const editableCellContentStyle: { readonly display: "flex"; readonly alignItems: "flex-start"; readonly gap: "8px"; }; export declare const editableCellTextStyle: { readonly flex: 1; readonly minWidth: 0; readonly whiteSpace: "pre-wrap"; readonly overflowWrap: "anywhere"; readonly wordBreak: "break-word"; readonly lineHeight: 1.5; }; export declare const editingCellContentStyle: { readonly flex: 1; readonly minWidth: 0; readonly position: "relative"; readonly alignSelf: "stretch"; }; export declare const editingCellSizerStyle: { readonly whiteSpace: "pre-wrap"; readonly overflowWrap: "anywhere"; readonly wordBreak: "break-word"; readonly visibility: "hidden"; readonly pointerEvents: "none"; readonly display: "block"; readonly width: "100%"; readonly minWidth: 0; readonly maxWidth: "100%"; readonly padding: "4px 8px"; readonly border: "1px solid #1d4ed8"; readonly borderRadius: "4px"; readonly fontSize: "14px"; readonly color: "#111827"; readonly outline: "none"; readonly boxSizing: "border-box"; readonly resize: "none"; readonly overflowY: "auto"; readonly fontFamily: "inherit"; readonly lineHeight: 1.5; }; export declare const editingCellInputStyle: { readonly position: "absolute"; readonly inset: 0; readonly height: "100%"; }; export declare const overflowIconStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly width: "24px"; readonly height: "24px"; readonly borderRadius: "4px"; readonly border: "none"; readonly backgroundColor: "transparent"; readonly color: "#9ca3af"; readonly cursor: "pointer"; readonly opacity: 0; readonly transition: "opacity 0.15s"; readonly flexShrink: 0; readonly padding: 0; readonly 'tr:hover &, &[aria-expanded="true"]': { readonly opacity: 1; }; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#4b5563"; }; }; export declare const deleteColumnStyle: { readonly width: "40px"; readonly padding: "0 8px"; }; export declare const deleteIconStyle: { readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly width: "28px"; readonly height: "28px"; readonly borderRadius: "4px"; readonly border: "none"; readonly backgroundColor: "transparent"; readonly color: "#9ca3af"; readonly cursor: "pointer"; readonly opacity: 0; readonly transition: "opacity 0.15s"; readonly padding: 0; readonly 'tr:hover &': { readonly opacity: 1; }; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#ef4444"; }; }; export declare const confirmPopoverStyle: { readonly position: "fixed"; readonly backgroundColor: "#ffffff"; readonly border: "1px solid #d1d5db"; readonly borderRadius: "8px"; readonly boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1)"; readonly zIndex: 9999; readonly padding: "12px 16px"; }; export declare const confirmTextStyle: { readonly margin: "0 0 12px 0"; readonly fontSize: "14px"; readonly fontWeight: "500"; readonly color: "#111827"; }; export declare const confirmButtonRowStyle: { readonly display: "flex"; readonly gap: "8px"; readonly justifyContent: "flex-end"; }; export declare const confirmCancelButtonStyle: { readonly borderRadius: "6px"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly height: "32px"; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly boxSizing: "border-box"; readonly border: "1px solid #e5e7eb"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:hover': { readonly backgroundColor: "#f3f4f6"; readonly color: "#111827"; }; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; export declare const confirmDeleteButtonStyle: { readonly borderRadius: "6px"; readonly paddingLeft: "12px"; readonly paddingRight: "12px"; readonly height: "32px"; readonly backgroundColor: "#ef4444"; readonly color: "#ffffff"; readonly border: "1px solid #ef4444"; readonly '&:hover': { readonly backgroundColor: "#dc2626"; readonly color: "#ffffff"; }; readonly display: "flex"; readonly alignItems: "center"; readonly justifyContent: "center"; readonly boxSizing: "border-box"; readonly fontWeight: "500"; readonly fontSize: "14px"; readonly textDecoration: "none"; readonly cursor: "pointer"; readonly wordBreak: "keep-all"; readonly overflowWrap: "normal"; readonly '&:disabled:hover': { readonly color: "#4b5563"; readonly backgroundColor: "#f9fafb"; readonly cursor: "auto"; }; }; //# sourceMappingURL=styles.d.ts.map